我试图访问嵌套的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
]
有问题
这就是我在行数据中显示它的方式
<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>
}
/>
答案 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