React-Native项目在Android真机上调试

React-Native项目在Android真机上调试?接下来直奔主题,通过USB将手机和电脑连接,打开手机上的USB调试。不通型号的手机可能设置方式不一样,这里具体不在细说……

1、确保你的设备已经成功连接。可以终端输入adb devices来查看:

$ adb devices

List of devices attached

"Your device Name" device

注意:为避免调试出现其他问题,此处只需有一台设备连接,如果模拟器打开需要关闭模拟器;


2、终端运行npm start 开启本地服务,成功后运行react-native run-android来在设备上安装并启动应用,或者VSCode等编辑器进行Debug Android

应用成果安装后不出意外的话会提示无法连接服务器,如下图:


出现此问题是因为我们未给手机设置访问开发服务地,模拟器是直接访问电脑本地服务,真机则需要我们手动配置了

3、设置设备访问开发服务器

一、(Android 5.0及以上)使用adb reverse命令

1、运行adb reverse tcp:8081 tcp:8081

2、不需要更多配置,你就可以使用Reload JS和其它的开发选项了。

二、(Android 5.0以下)通过Wi-Fi连接你的本地开发服务器

1、首先确保你的电脑和手机设备在同一个Wi-Fi环境下。

2、在设备上运行你的React Native应用。和打开其它App一样操作。

3、你应该会看到一个“红屏”错误提示。这是正常的,下面的步骤会解决这个报错。

4、摇晃设备,或者运行adb shell input keyevent 82,可以打开开发者菜单。

5、点击进入Dev Settings。

6、点击Debug server host for device。

7、输入你电脑的IP地址和端口号(电脑网络IP:8081)。查看电脑IP这里就不用多说啦。

8、回到开发者菜单然后选择Reload JS。

备注:理想状态下已经可以看到APP页面了,但是,如果上面步骤都已经做好,并且电脑本地服务终端已显示加载成功,但是APP的页面还未加载出来,显示白屏状态!是我们的步骤有问题?这里并不是我们的步骤有问题,此时只需要退出正在运行的APP,重新打开即可,就可以成功加载到APP页面啦!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,956评论 25 709
  • 图片1头http://120.77.37.40/yhml/xiaode/lun1.jpg图片1尾 图片2头http...
    你哦哦阅读 1,319评论 0 0
  • 前几天读了《万历十五年(增订刊)》的第一章,今天才想写些东西,其中的故事情节很多都已忘记,但还是想留下一些印...
    倩陌阅读 3,408评论 0 0
  • 一 少年突然觉得耳朵上很痒,摸了摸,摸到一只蜗牛。 少年捏着蜗牛发呆。 蜗牛说:你你你不能弄死我。 少年说:为什么...
    叶小白阅读 3,715评论 0 1
  • 奶奶家有一颗葡萄树 夏天我在那乘凉 那时候我还很小 房子显得很大 爷爷的手艺很棒 会给我做做玩具 院子里一只猫和一...
    夏格子阅读 1,108评论 0 0

友情链接更多精彩内容