关于React Native常用技巧

时间:2024-09-05 18:04:26

Doctor命令检查所需环境

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

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

npx react-native doctor

关于React Native常用技巧

关于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>

关于React Native常用技巧

配置网络安全配置文件

AndroidMainfest.xml->application

新增:

android:networkSecurityConfig="@xml/network_security_config"

关于React Native常用技巧

关于HTTP

AndroidMainfest.xml->application

新增:

android:usesCleartextTraffic="true"

关于React Native常用技巧