在React Native中访问嵌套数组的值

时间:2018-08-24 10:05:06

标签: react-native expo

我试图访问嵌套的json数组并在中显示值,我可以在rowData和textfields中显示所有其他json数据,但是我无法显示具有嵌套数组的那个。

这是我的json

[
  {
    Address: "Njjzjjz",
    created_at: "2018-08-17 23:55:43",
    email: "Helen",
    gender: "Female",
    id: 24,
    name: "Helen",
    password: "$2y$10$.0fahBOp94ABqY6NTDf9S.9w880dsMRS.0azq4wAiB6evOxSxFAfC",
    phone: "9997",
    profile_pic: ["ec9bbcd6df212029715a34fe825e8616.jpeg", "1960.png"],
    remember_token: null,
    state_of_origin: "Akwa Ibom",
    state_of_resident: "Abia",
    updated_at: "2018-08-17 23:55:43"
  }
  // More Objects are here
 ]
我对profilepic

有问题

这就是我在行数据中显示它的方式

 <View style={styles.MainContainer}>

   <ListView

     dataSource={this.state.dataSource}

     renderSeparator= {this.ListViewItemSeparator}

     renderRow={(rowData) =>

    <View style={{flex:1}}>

    <Image source={{uri:'http://192.168.43.71/upload/images/'+rowData.profile_pic[0]  // this is my problem}}
   style={{width: 400, height: 400}} />
    {this.test()}

      <Text onPress={this.GetItem.bind(this, rowData.email)} style={styles.textViewContainer} >{rowData.email}</Text>
      <Text onPress={this.GetItem.bind(this, rowData.password)} style={styles.textViewContainer} >{rowData.profile_pic[0]}</Text>
       <Text onPress={this.GetItem.bind(this, rowData.email)} style={styles.textViewContainer} >{this.state.photos[0]}</Text>

    </View>
     }
   />

1 个答案:

答案 0 :(得分:0)

我认为您需要设置图像的宽度和高度。

 <Image 
  source={{uri: "http://192.168.43.71/upload/images/" + rowData.profile_pic[0]}} 
  style={{width:100, height:100}}
  resizeMode="cover"
/>

您可以根据需要从不同的调整大小模式中选择。

有关更多详细信息,请点击此处:
support Link
official documentation