FlatList vs map react-native 質問する

FlatList vs map react-native 質問する

最近使い始めてreact-native、このコンポーネントに出会いましたFlatList。使用するときは、常に配列と一緒にreact使用しています。map

を使っていましたが、内のアイテムの をFlatList変更するときに問題が発生したため、 の使用に戻しました。flex-directionFlatListmap

両方の方法を使用した 2 つの例を次に示します。

map

{
    this.state.images.map(image => {
       return (
          <UsersImage key={ image } source={{ uri: image }} />
        )
    })
}

FlatList

<FlatList
    data={ this.state.images }
    renderItem={({item}) => {
        return (
            <UsersImage source={{ uri: item }} />
        )
    }}  
   keyExtractor={(item, index) => index}
/>

FlatListover を使用する理由map、またはその逆を説明できる人はいますか?

ベストアンサー1

FlatList には遅延読み込み機能があります (画面に表示されているものだけを表示するので、リストが巨大な場合はパフォーマンスが向上します)。ちなみに、フレックス方向を変更する必要がある場合は、プロパティを渡すだけで水平にすることができますhorizontal( と言うのと同じですhorizontal={true})。

おすすめ記事