react native真机调试中遇到问题

在react native init 初始化一个项目后,在真机上运行调试,发现更改代码后手机页面无反应,这里对真机连接一些配置做一下记录。

1.启动node 服务

运行react-native run-android或者react-native start启动服务,在android-studio上编译运行,手机连接为开发者调试模式,当编译通过会在页面显示一个react 欢迎页面。

2.通过Wi-Fi连接你的本地开发服务器

1.首先确保你的电脑和手机设备在同一个Wi-Fi环境下。
2.在设备上运行你的React Native应用。和打开其它App一样操作。
3.你应该会看到一个“红屏”错误提示(或者一直是index。android.js里面内容修改后没有变化)。这是正常的,下面的步骤会解决这个报错。
4.摇晃设备,或者运行adb shell input keyevent 82,可以打开开发者菜单。
5.点击进入Dev Settings。
6.点击Debug server host for device。
7.输入你电脑的IP地址和端口号(譬如10.0.1.1:8081)。在Mac上,你可以在系统设置/网络里找查询你的IP地址。在Windows上,打开命令提示符并输入ipconfig来查询你的IP地址(如:60.64.25.192:8081)。
8.回到开发者菜单然后选择Reload JS。
9.打开Hot Reloading可以每次修改代码手机端自动更新

你可能感兴趣的:(react native真机调试中遇到问题)