关于React Native常用技巧

Doctor命令检查所需环境

@2019年11月18日，React Native v新增了一个环境检查和诊断命令行，可以帮助新手修复环境，输出环境依赖报告。

先建好的一个React Native项目，命令行切换到该目录，执行下面的检查命令：

npx react-native doctor

关于HTTPS

新建网络安全配置文件

在xml -> 新建文件network_security_config.xml

<?xml version="1.0" encoding="utf-8"?>

<network-security-config xmlns:tools="http://schemas.android.com/tools">
    <base-config>
        <trust-anchors>
            <certificates src="user"/>
            <certificates src="system"/>
        </trust-anchors>
    </base-config>
</network-security-config>

信任自定义CA

在raw -> 新建文件ca

编辑network_security_config.xml如下：

<?xml version="1.0" encoding="utf-8"?>

<network-security-config xmlns:tools="http://schemas.android.com/tools">
    <base-config>
        <trust-anchors>
            <certificates src="user"/>
            <certificates src="system"/>
            <certificates src="@raw/ca" tools:ignore="NetworkSecurityConfig" />
        </trust-anchors>
    </base-config>
</network-security-config>

配置网络安全配置文件

AndroidMainfest.xml->application

新增：

android:networkSecurityConfig="@xml/network_security_config"

关于HTTP

AndroidMainfest.xml->application

新增：

android:usesCleartextTraffic="true"