无法在本机反应中显示来自本地主机开发服务器的图像答案

【问题标题】：can't display images from localhost dev server in react native无法在本机反应中显示来自本地主机开发服务器的图像
【发布时间】：2021-09-20 16:37:43
【问题描述】：

我正在尝试从本地开发服务器以本机反应呈现图像，但我无法鞋图像。我从服务器获取的图像 URI 是正确的，我通过将其复制并粘贴到 chrome 选项卡进行检查，并打开一个显示图像的新选项卡。 http://localhost:4001/f931a2c2-4268-4bd8-8f6f-c0bab923a374.jpeg，这是URI的例子，这是我的图片组件代码。

export const LogoImage: React.FC = ({ logo }) => {
  return (
    <View style={styles.wrapper}>
      <Image
        source={{
          uri: "http://localhost:4001/${logo}",
        }}
        style={styles.image}
      />
    </View>
  );
};

const styles = StyleSheet.create({
  image: {
    height: "100%",
    width: "100%",
    resizeMode: "cover",
  },
  wrapper: {
    height: 200,
    width: 200,
  },
});

任何想法和建议将不胜感激。

【问题讨论】：

你是用模拟器还是用真机来测试？
@VtoCorleone 我实际上正在使用我的手机，一个真正的安卓设备。我应该提到我已经尝试过它和来自 pixabay 的外部图像链接并且它有效，我相信问题在于连接到本地主机
您可以使用 adb 桥接该端口的 tcp 连接。否则 localhost 指的是您手机的网络，而不是您计算机的网络。

标签： react-native react-native-android react-native-ios react-native-image

【解决方案1】：

尝试用您自己的 IPv4 地址替换关键字 localhost。你可以通过在cmd中执行ipconfig得到它。我还发现了一个类似的问题here。

【讨论】：