React-native Android：标记<img/>从DB或http加载时没有可见的图像

Question

我的问题是从数据库加载图像或按照

的方式加载https

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

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

Answer 1

图像在反应原生中可能有点棘手。但是，您可以采取一些措施来排除故障。

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

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

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

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

在React Native中对图像进行故障排除时，这些步骤可以提供帮助。但如果遇到问题，请务必快速查看documentation。

Answer 2

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

一个例子是这样的

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