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