首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何在React Native中存储数据列表?

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

Stack Overflow用户
提问于 2018-10-12 02:05:49
回答 1查看 781关注 0票数 0

我是一个初级的React Native用户,我想知道如何将数据列表存储在一个可以在屏幕上显示为文本的文件中?例如,我想根据一天存储不同的工作计划。那么,有什么方法可以存储一堆不同的固定时间表,并能够根据日期显示数据呢?我正在使用React Native和Expo。感谢您的帮助,谢谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-10-12 03:47:52

FlatList组件很可能就是您要寻找的组件。它可以通过一堆配置灵活地呈现数据。

下面是一个简单的示例,其中包含一组数据、一个呈现项方法和列表本身

代码语言:javascript
复制
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方法之外),数据集放置在返回的外部,平面列表将放置在返回中。

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/52766424

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档