Как хранить списки данных в React Native? - PullRequest
Новая
       8

Как хранить списки данных в React Native?

0 голосов
/ 11 октября 2018

Я начинающий пользователь React Native, и мне было интересно, как я могу хранить списки данных в файле, который может отображаться в виде текста на экране?Например, я хочу хранить разные графики работы в зависимости от дня.Так как же я могу хранить кучу разных фиксированных расписаний и иметь возможность отображать данные в зависимости от того, какой сегодня день?Я использую React Native с Expo.Любая помощь приветствуется, спасибо!

1 Ответ

0 голосов
/ 11 октября 2018

Компонент 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помещены другими методами в классе (вне метода рендеринга), и набор данных был помещен вне возврата, и плоский список будет помещен в возвращение.

Дополнительные примеры и информацию о списках можнонайдено здесь: Реагировать на документы по собственному списку

...