Question

我正在用React Native开发一个应用程序，我想在存储在Firebase中的选择器中显示名称和值。如何在选择器上显示Firebase的数据？

NB：-我是菜鸟。因此，如果可以，请提供一个简单的示例。

Answer 1

您可以从Firebase Realtime Database With React Native的文章中找到有关如何使用Firebase数据库的基本指南。

从中获取数据后，您只需要使用setState设置数据并使用React Native中的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>

这是选择器的演示代码，您需要根据Firebase数据渲染Picker.Item。

您甚至可以使用名为react-native-picker的第三方库，该库将在车轮选择器中显示android和iOS的数据。

更新

还需要动态代码，请参见参考代码

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

this.state.data是您设置为从firebase收到响应时要声明的数据

如何在React Native中的选择器中显示来自Firebase的数据

1 个答案: