Базовое руководство по использованию базы данных 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