react-native - 从后端获取图像

Question

我从后端获取数据，但图像不显示！！！item.text 和一切都得到了 ,,,expect image 为什么？

  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>
    );
  }
}

任何帮助，将不胜感激

标签： react-native

Answer 1

尝试像这样记录您的图像 URL

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>
    );
  }