ReactNative入门-调试手记

一、联机调试

联机调试的前提是已经你能够在手机/模拟器上正常运行的程序，如果遇到无法正常运行Hello World情况，RN环境搭建踩过的坑

真机

确保手机打开允许弹窗（比如MUI），否则无法加载调试的弹窗，真机调试需要晃动手机呼出调试菜单窗口。

调试Android版本要求

RN的提示请使用Android 5.0级以上版本（忘记是在哪里看到的了）

模拟器

目前模拟器使用为两个版本，一个是AS自带的Visual Studio Emulator for Android，一个是Genymotion,两个模拟器的调试稍有差别。

Genymotion虚拟机中，按照官方的提示按 Command+M 却无法唤出开发菜单，这个在Genymotion中的解决办法是：按照如模拟器右侧箭头位置，拖动虚拟机右侧的功能分隔线，让几个操作按钮出现在虚拟机右侧，这时再按 Command+M 即可顺利唤出开发菜单

Visual Studio Emulator for Android按F2键无法唤出开发菜单，不过通过命令行输入：adb shell input keyevent 82 还是可以解决这个问题

实时刷新

按两下R键，或是用Menu键（通常是F2，在Genymotion模拟器中是⌘+M）打开开发者菜单，然后选择 Reload JS 就可以看到你的最新修改

备注

常用命令

react-native start

又是RN没有启动成功，很让人头疼，试试万能的重启，然后走一遍之前没有走通的步骤

adb devices

查找联机的设备列表，如果没有请检查adb情况、设备连接情况等

adb logcat *:S ReactNative:V ReactNativeJS:V

查看应用日志