android - react native : Can't show remote images in release mode on android device

Question

我在我的 android 设备(三星 9、Android 9、API 28)中运行一个简单的 react-native 应用程序，因此在 Debug模式下使用此命令行可以正常工作:

react-native run-android

这是结果:

但在 Release模式下(react-native run-android --variant=release)，图像不显示:

我的简单代码:

export default class App extends Component {
  render() {
    return (
      <View style={styles.container}>
      <Image source={ {uri:'http://i.imgur.com/GRIZj68.png'} } style={{width:200,height:200} } />
      <Text>HOLA</Text>  
      </View>
    );
  }
}

请帮忙!

Answer 1

Android pie (9) 不允许呈现非 https 图像，因此您必须将 http 请求更改为 https 或在 Manifest 中设置 networkSecurityConfig > 像这样的应用程序标签:

<?xml version="1.0" encoding="utf-8"?>
<manifest ... >
    <application android:networkSecurityConfig="@xml/network_security_config">
    </application>
</manifest>

然后在你的 xml 文件夹中，你现在必须创建一个名为 network_security_config 的文件，就像你在 list 中命名它的方式一样，从那里你的文件的内容应该是这样的，以启用所有没有加密的请求:

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
    <base-config cleartextTrafficPermitted="true">
        <trust-anchors>
            <certificates src="system" />
        </trust-anchors>
    </base-config>
</network-security-config>

来源:https://developer.android.com/training/articles/security-config