私は最近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
を使用する理由、またはその逆の理由を誰かが説明できますか?
FlatListには遅延読み込みがあります(画面に表示されているものだけが表示されるため、巨大なリストがある場合はパフォーマンスが向上します)。ところで、フレックスの方向を変更する必要がある場合は、それを水平にすることができます。horizontal
プロップを渡すだけです(horizontal={true}
)