最近使い始めてreact-native
、このコンポーネントに出会いましたFlatList
。使用するときは、常に配列と一緒にreact
使用しています。map
を使っていましたが、内のアイテムの をFlatList
変更するときに問題が発生したため、 の使用に戻しました。flex-direction
FlatList
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
over を使用する理由map
、またはその逆を説明できる人はいますか?
ベストアンサー1
FlatList には遅延読み込み機能があります (画面に表示されているものだけを表示するので、リストが巨大な場合はパフォーマンスが向上します)。ちなみに、フレックス方向を変更する必要がある場合は、プロパティを渡すだけで水平にすることができますhorizontal
( と言うのと同じですhorizontal={true}
)。