反应原生安卓：<Image>从数据库或http加载时不标记可见图像

Question

我的问题是顺便从DB或https加载图像时

<Image style={{width: 25,height: 25}} source={{ uri: 'http://192.168.202.36:81/api/images/12.jpeg' }} />

（192.168.202.36：本地IP，图像大小容量：100-300 KB），在安卓仿真设备中不可见。我尝试登录到屏幕并看到图像链接在那里。我认为我的程序还没有及时加载渲染，这是一个异步程序???

Answer 1

图像在 react-native 中可能有点棘手。但是，您可以采取一些措施来对它们进行故障排除。

• 确保您的来源有效：在您的情况下，请确保它是

  source={{uri:http://192.168.202.36.81/api/images/12.jpeg}}
  

• 确保您可以从实际手机的浏览器在该URL上加载图像（可能是您的手机与笔记本电脑/服务器不在同一个WiFi上）

• 确保您的图像在屏幕上实际可见。有时，如果我不确定元素是否实际显示，我喜欢为元素添加边框，或者添加高度/宽度以确保。

这些步骤在对 React Native 中的图像进行故障排除时会有所帮助。但是，如果您遇到问题，请始终快速检查文档。

Answer 2

1. 确保您的 URI 已正确设置
2. 手动设置图片的宽度和高度

一个例子是这样的

<Image source={{uri: 'uri_address'}} style={{width: 200, height: 200}} />