フラットリストの可視画像のみをロードする

Question

フラットリストを使用してグリッドを作成しました。私はウェブから画像をロードしています。現在、特定のページに移動するとすぐに、すべての画像がロードされます。私が望むのは、画面に表示され、スクロールの上に置かれている画像だけをロードすることです。 6枚の画像が一度に画面に表示されます。

Flatlistのスクロールに画像を読み込むことはできますか？

Answer 1

フラットリストのinitialNumToRenderプロパティでこれを実行できるはずです。

ので、あなたのflatListの宣言は次のようになります。

<FlatList 
    initialNumToRender={2} 
    data={[{key: 'a'}, {key: 'b'}]} 
    renderItem={({item}) => <Text>{item.key}</Text>} 
/>