如何在 React Native 中存储数据列表？

Question

我是 React Native 的初学者，我想知道如何将数据列表存储在可以在屏幕上显示为文本的文件中？例如，我想根据一天存储不同的工作计划。那么，我可以存储一堆不同的固定时间表并能够根据当天的日期显示数据的一种方法是什么？我正在将 React Native 与 Expo 一起使用。任何帮助表示赞赏，谢谢！

Answer 1

FlatList 组件很可能是您正在寻找的。它可以通过一堆配置灵活地渲染数据。

这是一个简单的示例，其中包含一组数据、一个渲染项方法和列表本身

renderItem(item) {
return (
  <View>
   <Text> {item.key} + {item.employee1}</Text>
  </View>
);
}

const scheduleData = [
 {key: 'Monday', employee1: "john"},
 {key: 'Tuesday', employee1: "jep"},
 {key: 'Wednesday' , employee1: "jabouris"},
 {key: 'Thursday', employee1: "jennifer"},
 {key: 'Friday', employee1: "jenalyn"},
 {key: 'Saturday', employee1: "josh"},
 {key: 'Sunday', employee1: "jenna"}
 ];

 <FlatList
    data={scheduleData}
    renderItem={this.renderItem.bind(this)}
  />

renderItem会被类中的其他方法放置（在render方法之外），数据集放在return之外，而flatlist会放在return中。

有关列表的更多示例和信息可以在此处找到：React Native List Docs