title: React Native, changing Image uri dynamically - image doesn't change
body: <p>I'm mapping through an array of objects, which each have their own image path:</p>
  
  <pre><code>this.props.images = [{url:'myimage.png'},{url:'myimage.png'},{url:'myimage.png'}];
  </code></pre>
  
  <p>In my render I have something like:</p>
  
  <pre><code>this.props.images.map((img) =&gt; { return (&lt;Image source={uri: img.url} /&gt;)};
  </code></pre>
  
  <p>This works fine, the images appear. However, when I dynamically re-order the images array, the images don't change (while their dynamically transferred styles do change). </p>
  
  <p>Its important to note, that my array is a prop managed through redux. So the component re-renders when it changes. To test this, I logged to the console using the onLayout callback, and verified it was called each time the state changed (even though the image itself did not change source).</p>
  
  <p>I believe it has to do with the instance of the image itself not being removed first, but the array knows nothing about what is causing the re-order of elements.</p>
  
  <p>Any ideas about how to solve this?</p>