React Native How to LazyLoad image

Question

各行に画像を表示したいリストビューがあり、25枚の画像全体を一度に表示したくありません。ビューポートに入ってくる画像をロードしたかっただけです。

小道具でURLを取得しています

<Image source={{uri: this.props.media.image_url}} 
       style={{ width:this.props.media.width,
       height: this.props.media.height}}
/>

どうすればreactnativeでこれを実現できますか。注：私はこれらのライブラリを試しましたが、どれも機能しません。おそらく、古いバージョンのreact Plus用に作成したバージョンの問題で、動的な小道具では機能しないものもあります。

react-native-lazyload

react-lazy-load

Answer 1

私はこのプラグインを使用しています。非常に包括的です https://github.com/magicismight/react-native-lazyload