我是初学者 React Native 用户,我想知道如何将数据列表存储在可以在屏幕上显示为文本的文件中?例如,我想根据日期存储不同的工作时间表。那么,我可以通过什么方法存储一堆不同的固定时间表并能够根据一天显示数据呢?我正在使用React Native和Expo。任何帮助不胜感激,谢谢!
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 方法之外(,数据集放置在返回之外,平面列表将放置在返回中。
更多关于列表的例子和信息可以在这里找到:React Native List Docs