React native真机调试

最新推荐文章于 2025-06-26 10:54:27 发布

阁楼猫

最新推荐文章于 2025-06-26 10:54:27 发布

阅读量1w

点赞数 1

CC 4.0 BY-SA版权

分类专栏： React 文章标签： android rn ReactNativ 调试 reload

本文链接：https://blog.youkuaiyun.com/honjane/article/details/52913493

React 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何在React Native项目中进行真机调试。对于Android5.0及以上的设备，可以通过adb reverse命令直接连接到本地开发服务器；而对于Android5.0以下的设备，则需要通过Wi-Fi连接，并手动设置开发服务器的IP地址和端口。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前提：

1、use开关打开
2、运行React Native

react-native start 或者 react-native run-android

真机调试：

Android 5.0及以上使用adb reverse命令

首先把你的设备通过USB数据线连接到电脑上，并开启USB调试

运行：

adb reverse tcp:8081 tcp:8081

不需要更多配置，你就可以使用Reload JS和其它的开发选项了。每次修改完js代码，摇一摇手机，点击reload 就可以生效了。

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

1、首先确保你的电脑和手机设备在同一个Wi-Fi环境下。
在设备上运行你的React Native应用。和打开其它App一样操作。
你应该会看到一个“红屏”错误提示。这是正常的，下面的步骤会解决这个报错。
2、摇晃设备，或者运行adb shell input keyevent 82，可以打开开发者菜单。
3、点击进入Dev Settings。
4、点击Debug server host for device。
5、输入你电脑的IP地址和端口号（譬如172.30.23.25:8081）。在Mac上，你可以在系统设置/网络里找查询你的IP地址。在Windows上，打开命令提示符并输入ipconfig来查询你的IP地址。在Linux上你可以在终端中输入ifconfig来查询你的IP地址。
6、回到开发者菜单然后选择Reload JS。