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