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

Question

我正在尝试从我的本地开发服务器以 React Native 渲染图像，但我无法添加图像。我从服务器获取的图像 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,
  },
});

如有任何想法和建议，我们将不胜感激。

Answer 1

尝试用您自己的 IPv4 地址替换关键字 localhost。在cmd中执行ipconfig即可获取。我也发现了类似的问题here.

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

can't display images from localhost dev server in react native

react-native

react-native-android

react-native-ios

react-native-image