title: Text component value not changing in React-Native
body: <p>I have a component in which the value of the Text component is not being updated, even though updates are being showed in the <code>Render()</code> function.</p>
  
  <p>The component is nested like so: </p>
  
  <pre><code>render() {
      const myValue = this.state.myValue
      console.warn('Value: ' + myValue)
      return &lt;View&gt;
          ...
          &lt;View&gt;
               &lt;Image&gt;
                   &lt;Text&gt;{myValue}&lt;/Text&gt;
               &lt;/Image&gt;
          &lt;/View&gt;
          ....
      &lt;/View&gt;
  }
  </code></pre>
  
  <p>The problem is that the <code>console.warn</code> is showing the value is changing and the constant value is being set. However the <code>&lt;Text&gt;</code> component itself is not updating. The <code>&lt;Text&gt;</code> component is wrapped in an <code>&lt;Image&gt;</code> component as it's the background image for this section. The <code>Render()</code> method is called four times a second in my case as we have a timer bar that's constantly receiving updates. </p>
  
  <p>Why would the <code>&lt;Text&gt;</code> component not be getting updated as expected? </p>
  
  <p><strong>NOTE:</strong> The <code>&lt;Text&gt;</code> component updates if I change the <code>&lt;Image&gt;</code> component to a <code>&lt;View&gt;</code> but a background image is necessary for this section. </p>