使用列表视图
React Native 提供了一套用于展示数据列表的组件。通常,您会选择使用 FlatList 或 SectionList。
FlatList 组件用于显示不断变化但结构相似的数据的滚动列表。FlatList 非常适合处理大量数据,特别是当列表项的数量会随时间改变时。与通用的 ScrollView 不同,FlatList 只渲染当前屏幕上可见的元素,而不是一次性渲染所有元素。
FlatList 组件需要两个 props:data 和 renderItem。data 是列表的信息来源。renderItem 接收来自数据源的单个列表项,并返回一个格式化好的组件来渲染它。
此示例创建了一个包含硬编码数据的基本 FlatList。data prop 中的每个项都渲染为一个 Text 组件。然后 FlatListBasics 组件会渲染 FlatList 以及所有 Text 组件。
如果您想渲染一组被逻辑分隔的数据,可能带有节标题,类似于 iOS 上的 UITableView,那么 SectionList 是您的最佳选择。
列表视图最常见的用途之一是展示从服务器获取的数据。要实现这一点,您需要 了解 React Native 中的网络请求。