Have Independent Inner Content in React Native Component
<p>I have created an React Native component and added some Animations to it. Now when I surround some other Element (Ex: Text) with that element, the Text gets the Animation too. How to avoid this? I want to have my component to have the animation but the inner components of it to stay still.</p>

<p>MyImage Component Code:</p>

<pre><code>return (
    &lt;Image
        defaultSource={{uri: './placeholder.jpg'}}
        source={this.props.sourceUri}
        style={imageStyle}&gt;
        &lt;View&gt;{this.props.children}&lt;/View&gt;
    &lt;/Image&gt;
);
</code></pre>

<p>Implementation:</p>

<pre><code>&lt;MyImage imageWidth={Dimensions.get('window').width} imageHeight={Dimensions.get('window').height / 100 * 30} sourceUri={{uri: item.image}}&gt;
    &lt;View style={styles.nameContainer}&gt;
        &lt;Text style={styles.textMain}&gt;{item.name}&lt;/Text&gt;
    &lt;/View&gt;
&lt;/MyImage&gt;
</code></pre>

<p>How to achieve this?</p>