title: React Native How to LazyLoad image
body: <p>I have a listview where i want to show image on each row and I don't want to show whole 25 images at once. I just wanted to load image which come in viewport. </p>
  
  <p>I am getting url in props </p>
  
  <pre><code>&lt;Image source={{uri: this.props.media.image_url}} 
         style={{ width:this.props.media.width,
         height: this.props.media.height}}
  /&gt;
  </code></pre>
  
  <p>How can I achieve this in react native.
  Note: I have tried these library but none working for me. Probably the version issue that it has written for old version of react Plus some of it does not work with dynamic props</p>
  
  <p><a href="https://github.com/magicismight/react-native-lazyload" rel="noreferrer">react-native-lazyload</a></p>
  
  <p><a href="https://github.com/loktar00/react-lazy-load" rel="noreferrer">react-lazy-load</a></p>