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