web-dev-qa-db-ja.com

React Native How to LazyLoad image

各行に画像を表示したいリストビューがあり、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

8
Waleed Arshad

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

0
Shivam Sinha