Как показать данные из Firebase в сборщике в реагировать родной - PullRequest
0 голосов
/ 18 февраля 2019

Я занимаюсь разработкой приложения на реагирующем языке, хочу показать имена и значения в средстве выбора, которое хранится в firebase.Как показать данные из firebase на сборщике?

Примечание: - Я нуб.Итак, если можете, приведите простой пример.

1 Ответ

0 голосов
/ 18 февраля 2019

Базовое руководство по использованию базы данных Firebase вы можете найти в База данных Firebase Realtime с React Native статья.

После получения данных вам просто нужно использовать setState для установки данныхи используйте Picker от собственного реактивного.

<Picker
  selectedValue={this.state.language}
  style={{height: 50, width: 100}}
  onValueChange={(itemValue, itemIndex) =>
  this.setState({language: itemValue})
}>
   <Picker.Item label="Java" value="java" />    // update this according to your firebase data collection
   <Picker.Item label="JavaScript" value="js" />
</Picker>

Это демонстрационный код для сборщика, вам нужно отрендерить Picker.Item в соответствии с данными вашей базы.

Вы можетедаже используйте третью библиотеку частей под названием реагировать-родной-сборщик , которая будет отображать данные в колесе выбора для android и iOS.

Обновление

Если вам нужен динамический код, см. Ссылочный код

{this.state.data.map(element =>
    <Picker.Item label={element} value={element} />
)}

this.state.data - это данные, которые вы указали при получении ответа от firebase

...