如何使用＆＃34; react-native

Question

如何使用react-native

在listview中呈现嵌套的firebase数据

大家好！我正在使用Firebase和React-Native开发一个初学者项目。我有一个问题，我希望你就这个问题给我一些建议或代码。

这是我的火力显示数据

{"Users" : {
"firebaseRandomKey" : {
  "IsValid" : true,
  "Name" : "Name",
  "Post" : {
    "PostText" : "lorem ipsum",
    "postUri" : "https://i.ytimg.com/vi/4HGRIFivKQo/maxresdefault.jpg"
  },
  "Surname" : "Surname",
  "uri" : "https://i.ytimg.com/vi/OEI2sJuOweU/hqdefault.jpg"
},}}

这是我的ListView renderRow

renderRow(rowData) {
       return (
         <ScrollView ContainerStyle={styles.ScrollView}>
           <Text>{rowData.Name} {rowData.Surname}</Text>
           <Image source={{ uri: String(rowData.uri) }} style={styles.Photo} />
           <Text>{rowData.PostText}</Text>
           <Image source={{ uri: String(rowData.postUri) }} style=
           {styles.postPhoto} />
         </ScrollView>
       );
      }

所以我无法联系到PostText和postUri因为他们在"Post"。如何使用rowData在renderRow中与他们联系？谢谢你的回答

This is the page code

This is the page screenshots after update my code

Answer 1

你改变了这个：

<Text>{rowData.PostText}</Text>

到这一个：

<Text>{rowData.Post.PostText}</Text>

也是这个：

<Image source={{ uri: String(rowData.postUri) }} style=
           {styles.postPhoto} />

到这一个：

<Image source={{ uri: String(rowData.Post.postUri) }} style=
           {styles.postPhoto} />