RN 建立调试

1、在package.json 的scripts 添加执行指令
// 使用8091替换默认的端口8081，并启动Metro
"us": "adb reverse tcp:8081 tcp:8091 && react-native start --port 8091 --reset-cache",


image.png

2、在RN 项目目录下，打开CMD窗口，执行"yarn us"


image.png

3、在APP 打开RN 页面，摇晃手机弹出菜单


550bf8a2e3cd4e73ae0af274aedb8ab7.png

4、点击Setting项，开启调试，修改Metro 的IP（当前电脑IP）与端口 8091
（如出现闪退，需确认AndroidManifest.xml 文件是否已添加 <activity android:name="com.facebook.react.devsupport.DevSettingsActivity" />）

4cd7e442a6814ddd9ce4bcb82c161a63.png

注意：
1、 在AndroidManifest.xml 文件添加网络访问权限：<uses-permission android:name="android.permission.INTERNET"/>
2、在AndroidManifest.xml 文件添加允许http访问的配置（network_security_config.xml）

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容