来自uri的React Native图像未显示答案

【问题标题】：React Native image from uri not showing来自uri的React Native图像未显示
【发布时间】：2021-06-28 11:56:03
【问题描述】：

我正在开发一个移动应用程序，但是当我尝试从特定 uri 访问我的图像时，它不会显示它们。但它只显示在我朋友的电脑上，我也是这样做的。

在 3 个块内的文本上方应该有一个图像，但我收到一个错误。

代码：

<Image
   style={styles.image}
   source={{uri: 'http://10.0.2.2:8000/images/illustrations/' + illustration}}
   onError={(error) => console.error(error)}
/>

不知道怎么回事……

【问题讨论】：

在模拟器的浏览器中打开uri可以查看图片吗？
是的，我可以在模拟器的浏览器中查看图像
uri 连接后的效果如何，是否可以从浏览器获得？你试过使用不同的 uri 吗？
现在我得到了图像 idk 出了什么问题，但我认为这是因为我现在收到 3 个网络错误

标签： reactjs react-native

【解决方案1】：

您必须为 react-native 中的图像指定宽度。如果路径正确，还要检查图像的路径，只需清除 Metro 捆绑器缓存并重新启动它。

&lt;Image source={{ uri: 'http://10.0.2.2:8000/images/illustrations' + illustration }} style={{ height: 80, width: 80}} /&gt;

【讨论】：

我已经有了一个样式，但还是不行
我还清了缓存，还是没有显示出来

【解决方案2】：

也许尝试重新启动您的 Metro 捆绑包。

<Image source={{ uri: `http://10.0.2.2:8000/images/illustrations/${illustration}`}} style={{ height: 80, width: 80}}

【讨论】：