web-dev-qa-db-ja.com

FlatListとmap反応ネイティブ

私は最近react-nativeの使用を開始し、FlatListコンポーネントを見つけました。 reactを使用するときは、常に配列でmapを使用しました。

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

両方の方法を使用した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}
/>

FlatListよりもmapを使用する理由、またはその逆の理由を誰かが説明できますか?

15
peter flanagan

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

15
R u c k s a c k