react native 如何在安卓虚拟机中调试

在 Android 模拟器（AVD）中调试 React Native 应用，你可以按照以下步骤操作：

---

1. 启动 React Native 开发环境

确保你已经正确安装了 React Native 开发环境，包括：

• Node.js
• React Native CLI（或 npx）
• Android Studio（带 AVD 模拟器）
• 正确的环境变量（ANDROID_HOME、PATH 配置等）

如果你还没有安装这些，可以参考 React Native 官方文档：React Native 环境搭建

---

2. 启动 Android 模拟器

1. 打开 Android Studio
2. 在顶部菜单栏选择 Tools > Device Manager
3. 选择一个已创建的 Android 设备（如果没有，请创建一个新的）
4. 点击 启动 按钮（或者使用 emulator -avd [你的设备名称] 启动）

---

3. 运行 React Native 应用

在你的 React Native 项目根目录下运行：

npx react-native start

然后，打开新的终端，运行：

npx react-native run-android

如果一切正常，应用将会安装并运行在 Android 模拟器上。

---

4. 启用调试模式

在模拟器中打开应用后，按 Cmd + M（Mac）或 Ctrl + M（Windows/Linux），然后：

• 选择 Debug JS Remotely（启用远程调试）
• 选择 Enable Hot Reloading（启用热更新）

如果 Ctrl + M 没反应，可以使用 adb 命令：

adb shell input keyevent 82

---

5. 使用 React Developer Tools

如果你要使用 React Developer Tools 进行调试：

npx react-devtools

这将打开一个独立的调试窗口，让你可以检查 React 组件的状态和 Props。

---

6. 使用 Chrome DevTools 进行调试

1. 在 Chrome 中打开 chrome://inspect
2. 选择 “Inspect” 进入调试界面
3. 你可以在 Console 里查看日志，或者在 Sources 里设置断点

---

7. 调试 Native 代码（Java/Kotlin）

如果你的 React Native 应用涉及原生代码（如自定义模块），可以：

• 在 Android Studio 中打开 android 文件夹
• 使用 Android Studio 进行调试（设置断点、查看日志）

---

8. 其他常见问题

(1) 如果应用卡在 Loading... 页面

adb reverse tcp:8081 tcp:8081

然后重新运行 npx react-native run-android

(2) Metro bundler 出错
尝试清除缓存：

npx react-native start --reset-cache

(3) 设备未找到

adb devices

如果列表为空，尝试重新连接：

adb kill-server
adb start-server

---

这样你就可以在 Android 模拟器中调试 React Native 应用了！🚀

其他

指定设备

npx react-native run-android --deviceId 127.0.0.1:5555