React-native android does not build when i add networkSecurityConfig tag

Question

As I found in this article.
I want to update my network security config to allow root certificates from the personal store of my android emulator. but when I do this, I cant build my app anymore. The error message:

Unable to load script. Make sure you're either running a metro server (run 'react-native-start') or that your bundle 'index.android.bundle' is packaged correctly for release.

when i remove android:networkSecurityConfig="@xml/network_security_config" its all running fine again..

Does anyone know what to do? or has an other way of making changes to the security config?

score 8 · Accepted Answer · edited Jul 20 '23 at 21:27

8

Okay, finally found it ! :)

React-Native needs clear text traffic for the build. The network security config file should contain this:

<base-config cleartextTrafficPermitted="true">

I have a tag in src/debug/AndroidManifest.xml

<application tools:targetApi="28" tools:ignore="GoogleAppIndexingWarning" 
android:networkSecurityConfig="@xml/react_native_config" />

and created a file src/debug/res/xml/react_native_config.xml with:

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

edited Jul 20 '23 at 21:27

GabLeRoux

16,715
16
63
81

answered Feb 23 '20 at 09:23

NightPhoxy

451
4
10

Could you share where did you found that information, please? – Victor Pacheo Aug 26 '20 at 14:52
add the tag: to src/debug/androidManifext.xml and create a file: src/debug/res/xml/react_native_config.xml – NightPhoxy Aug 27 '20 at 17:43
1

https://stackoverflow.com/q/51902629/7178860 more details – Mohammad May 08 '21 at 09:27

score 0 · Answer 2 · edited Jul 20 '23 at 21:26

Got the same problem while adding the IP (subdomain)

I did this

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

    <domain-config cleartextTrafficPermitted="true">
        <domain>your-ip-address-1</domain>
        <domain>your-ip-address-2</domain>
    </domain-config>
</network-security-config>

React-native android does not build when i add networkSecurityConfig tag

2 Answers2