React Native Firebase在单击其一个子节点(值)时显示特定节点的详细信息

时间:2020-03-26 15:59:47

标签: firebase react-native react-native-firebase

我是React Native的新手,我想做的就是从表中获取详细信息,例如,我制作了一个表单,在其中添加了用户详细信息并将其成功存储在firebase db中,现在即使我显示了所有信息,但是我要做的是,当用户单击“区域位置”时,即出现墨西哥显示墨西哥特定人员详细信息的信息。这是我做的事情:在要显示位置的地方创建了一个平面列表:

<FlatList
 data={this.state.markers}
   renderItem={
       ({ item }) =>
 <TouchableOpacity onPress={() => { }}> //**Here onPress I want to show further details from firebase of specific user**
   <Text>{"Instructor Availibility: " + item.to}</Text>
                  </TouchableOpacity>
                                }
      style={{ width: '100%' }}
               />

Here what it looks like

在按下任何一个区域时,会出现详细的导师信息。在获取componentWillMount中的值时:

 componentWillMount() {
    let currentComponent = this;
    firebase.database().ref('/tutor').on("value", function(snapshot) {
      console.log(snapshot.val());
      let data = snapshot.val();
      let items = Object.values(data);
      currentComponent.setState({items});
    }); 
  }

现在,当用户单击任何区域时,其他详细信息(如姓名,电子邮件等)将显示仅在该区域可用的人员。 This is how my node looks like in tutor table

0 个答案:

没有答案