React Native:无法在android设备上以发布模式显示远程图像

React Native:无法在android设备上以发布模式显示远程图像,android,image,react-native,Android,Image,React Native,我在android设备samsung 9、android 9、API 28中运行一个简单的react本机应用程序,所以在调试模式下,使用以下命令行可以正常工作: react-native run-android 结果是: 但在relase模式下,react native run android-variant=release,图像不显示: 我的简单代码: export default class App extends Component { render() { return (

我在android设备samsung 9、android 9、API 28中运行一个简单的react本机应用程序,所以在调试模式下,使用以下命令行可以正常工作:

react-native run-android
结果是:

但在relase模式下,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>
    );
  }
}

请帮忙

Android pie 9不允许呈现非https图像,因此您必须将http请求更改为https或在清单应用程序标记中设置networkSecurityConfig,如下所示:

<?xml version="1.0" encoding="utf-8"?>
<manifest ... >
    <application android:networkSecurityConfig="@xml/network_security_config">
    </application>
</manifest>
然后,在xml文件夹中,您现在必须创建一个名为network\u security\u config的文件,就像您在清单中对其命名的方式一样,并且从那里开始,您的文件的内容应该是这样的,以便在不加密的情况下启用所有请求:

<?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

Android pie 9不允许呈现非https图像,因此您必须将http请求更改为https或在清单应用程序标记中设置networkSecurityConfig,如下所示:

<?xml version="1.0" encoding="utf-8"?>
<manifest ... >
    <application android:networkSecurityConfig="@xml/network_security_config">
    </application>
</manifest>
然后,在xml文件夹中,您现在必须创建一个名为network\u security\u config的文件,就像您在清单中对其命名的方式一样,并且从那里开始,您的文件的内容应该是这样的,以便在不加密的情况下启用所有请求:

<?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

我们在开发过程中遇到了崩溃和问题,我们的图标没有被写出来,看起来像是活动的图像。这导致react native navigation使我们的应用程序崩溃

这是在我们升级到compileSDKVersion=28时发生的

非常感谢偶然发现了艾哈迈德的答案。
希望这对其他人有所帮助。

我们在开发过程中遇到了崩溃和问题,我们的图标没有被写出来,看起来像是活动的图像。这导致react native navigation使我们的应用程序崩溃

这是在我们升级到compileSDKVersion=28时发生的

非常感谢偶然发现了艾哈迈德的答案。
希望这对别人有帮助。

这也是我的问题,我想可能是框架错误。我仍然不知道原因。这个问题只是在android 9 i中复制的guess@Amas你也需要添加httpsbeen我的问题,我想可能是框架bug。我仍然不知道原因。这个问题只是在android 9 i中复制的guess@Amas你需要添加httpsWow我尝试了各种调试,但我找不到为什么我的应用程序在发布模式下不显示图像,非常感谢,即使我没有修改我的androidManifest,我只是告诉后端开发人员使用https代替http,但是你把我带到了正确的方向我花了好几个小时试图找出答案,这条评论是正确的,我没有xml文件夹我把它添加到了android/app/main/res下,然后是文件network\u security\u config.xml,在它工作之后哇,我尝试了各种调试,我就是找不到为什么我的应用程序在发布模式下不会显示图像,非常感谢,尽管我没有修改我的androidManifest,但我只是告诉后端开发人员使用https而不是http,但你引导我找到了正确的方向。我花了几个小时试图找出答案,这条评论是正确的,我没有xml文件夹,我在android/app/main/res下添加了它,然后是network\u security\u config.xml文件,之后它就可以工作了