android - React Native 上的 http 或 https <image> 组件在 Android 4.1.2 (API 16) 上显示空白

Question

你好，我只是 React Native 的新手。

我正在尝试为图像组件使用 Facebook 教程

export default class PropertyFinder extends Component {
  render() {
    let pic = {
     uri: 'https://upload.wikimedia.org/wikipedia/commons/d/de/Bananavarieties.jpg'
    };
    var yourPicture = require ('./images/image1.jpg');
    return (
     <ScrollView>
        <Image source={{uri: 'http://i.imgur.com/UePbdph.jpg'}} style={{width: 200, height: 227}} />
        <Text> test </Text>
         <Image source={pic} style={{width: 193, height: 110}}/>
         <Image source={yourPicture}/>
         <View>
         <Image source={{uri: 'https://facebook.github.io/react/img/logo_og.png'}} style={{width: 400, height: 400}} />
         </View>
      </ScrollView>
    );
  }
}

我在 AVD 模拟器上运行了它，它可以显示所有图像

但是，我尝试在设备(旧的 lenovo API 16)上进行调试，并且只显示本地镜像 var yourPicture 的图像，所有 URI http/https 图像都没有显示。他们只是空白。

所以我很好奇，这怎么会发生？

我试过搜索论坛，但找不到任何解决方案。我也尝试发布 apk，并将其安装在我的旧 lenovo 上，但我仍然得到相同的结果。 (只显示本 map 片)

最后我尝试在我的新小米(android 6)上安装它，所有图像都显示..

嗯，这种行为很奇怪，因为 React native 支持 android 16，对吧？

minSdkVersion 16

有什么办法可以解决这个问题吗？

非常感谢......

Answer 1

您使用大图像吗？

您应该尝试使用 android:largeheap="true" 看看它是否适用。如果出现该图像，则表示您在旧设备上存在内存问题。

android:largeheap="true" 不是解决方案。它应该只用于需要大量内存的应用程序(例如在图片上绘图)。

您可以使用 ImageOptim减少文件的大小