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

Question

你好,我只是反应原生的新手.

我正在尝试使用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,并将其安装在我的旧联想上,但我仍然得到相同的结果.(仅限本地图片显示)

最后我尝试在我的新xiaomi(android 6)上安装它,所有的图像显示..

嗯这个行为很奇怪,因为React native支持android 16,对吗？

minSdkVersion 16

有任何解决这个问题的方法吗？

非常感谢你......

Answer 1

您使用大图像吗？

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

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

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