我从后端获取了数据,但图像未显示!!! item.text和所有内容都得到了“ ,, expect图片,为什么???
componentDidMount = async () => {
try {
let data = await fetch("http://192.168.6.107:8080/fashion");
let res = await data.json();
this.setState({
post: res
});
} catch (err) {
console.log(err);
}
};
render() {
return (
<View>
{this.state.post.results.map((item, key) => (
<View key={key}>
<Text>{item.username}</Text>
<Text>{item.text}</Text>
<Image
source={{uri:`http://192.168.6.107:8080/${item.images_name}`}}
style={{ width: 100, height: 100 }}
/>
</View>
))}
</View>
);
}
}
任何帮助将不胜感激
答案 0 :(得分:0)
尝试像这样记录您的图片网址
render() {
return (
<View>
{this.state.post.results.map((item, key) => {
console.log('image url - ', `http://192.168.6.107:8080/${item.images_name}`)
return (
<View key={key}>
<Text>{item.username}</Text>
<Text>{item.text}</Text>
<Image
source={{ uri: `http://192.168.6.107:8080/${item.images_name}` }}
style={{
width: 100,
height: 100
}}
/>
</View>
)
})}
</View>
);
}