我正在做一个反应-本地应用程序。我正在从API中获取一些图像,并将它们显示为一个平面列表。问题是,这些图像在ios模拟器上显示得很好,但没有显示在android模拟器上。我已经设定了图像的宽度和高度,但问题依然存在。
下面是代码
组件
<Image
style={styles.image}
source={{
uri: image,
}}
resizeMode="contain"
/>样式
container__image: {
width: '100%',
},
image: {
width: '100%',
height: 200,
resizeMode: 'contain',
},在image前面的uri是一个包含图像的http地址的支柱。
发布于 2022-08-03 06:55:02
我不依赖于Android仿真器来处理来自URL的图像,尤其是那些来自API的图片。通常,硬编码的URL运行良好。
但是,我注意到iOS模拟器在这个方面给出了类似于iPhone的结果。Android的情况并非如此。在从API中获取图像时,将其存储在电话中的store逻辑/AsyncStorage中,我注意到真正的Android设备显示的图片比Android模拟器要多得多。我花了很长时间才弄清楚为什么图像不能在安卓系统上工作,而是在iOS上工作,并且有很多关于堆栈溢出的主题。很明显,他们确实起了作用,但在真正的设备上.是的,在调试期间,我检查了http & https。这些图像是在https上发布的。我也有width和height套装。
有点令人沮丧,但我很好奇是否还有更多的人经历过这个问题。
发布于 2022-01-13 07:31:07
也许这似乎是一个问题,因为Android不允许http。
请在更改Android设置后生成一个新的Android,如下所示。
<application
android:usesCleartextTraffic="true"> // you add this
...
</application>发布于 2022-06-04 09:17:56
你能解决这个问题吗?我也有同样的问题,我用
simulator
cd android && ./gradlew clean
中的android
并运行react-native start --reset-cache && react-native run-android
https://stackoverflow.com/questions/70692624
复制相似问题