React Native FlatList

FlatList 组件以可滚动列表的形式显示结构相似的数据。 它适用于数据量大的列表，其中列表项的数量可能会随时间变化。 FlatList 仅显示当前在屏幕上显示的渲染元素，而不是一次显示列表的所有元素。

FlatList 组件需要两个必需的 prop：data 和 renderItem。

data 是列表元素的来源，renderItem 从来源中获取一个元素并返回一个格式化的组件以进行渲染。

要实现 FlatList 组件，我们需要从 'react-native' 库中导入 FlatList。

React Native FlatList 示例

在此示例中，我们为 data prop 提供硬编码元素。 data props 中的每个元素都呈现为 Text 组件。

FlatList 的 ItemSeparatorComponent prop 用于实现列表中元素之间的分隔符。 要对列表项执行单击事件，我们使用 Text 的 onPress prop。

输出