使用列表视图
React Native 提供了一套用于展示数据列表的组件。通常,你会想要使用 FlatList 或 SectionList。
FlatList 组件显示一个滚动列表,其中的数据是变化的,但结构相似。FlatList 适用于长数据列表,其中项目数量可能会随时间变化。与更通用的 ScrollView 不同,FlatList 只渲染当前显示在屏幕上的元素,而不是一次性渲染所有元素。
FlatList 组件需要两个 props:data 和 renderItem。data 是列表的信息来源。renderItem 从来源中获取一个项目,并返回一个格式化的组件进行渲染。
此示例创建了一个具有硬编码数据的基本 FlatList。data props 中的每个项目都渲染为 Text 组件。然后 FlatListBasics 组件渲染 FlatList 和所有 Text 组件。
如果你想渲染一组被划分为逻辑部分的数据,可能带有分区标题,类似于 iOS 上的 UITableView,那么 SectionList 是合适的选择。
列表视图最常见的用途之一是显示从服务器获取的数据。为此,你需要 了解 React Native 中的网络知识。