Question

如何愉快地调试一个 React Native for Android APP

Answer 1

调试Android APP的设备有两种：

模拟器：Android SDK自带的 emulator 或者第三方的 Genymotion

真机这里重点说说如何用真机调试，模拟器如果仅仅是跑个demo用用还行，对实际开发意义不大，故不在此赘述。真机调试的前提条件: 

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

其次你需要开启USB调试才能在你的设备上安装你的APP。一定要确定你已经打开设备的USB调试开关!

确保你的设备已经被成功连接，可以输入adb devices核实: 

在右边那列看到device说明你的设备已经被正确连接了。注意，你只应当连接仅仅一个设备。
因为如果你连接了多个设备（包含模拟器在内），你后续的一些操作可能会失败。拔掉不需要的设备，或者关掉模拟器，确保adb devices的输出只有一个是连接状态。

现在我们可以运行 react-native run-android 来在设备上安装并启动我们的应用了

这句命令执行后，实际上就是在本地起一个node server，并且将你的android
project编译打包，再上传到你的手机上。然后当js文件有改动或debug模式下手动选择reload
js时候会自动更新bundle文件，达到改动js文件后即时显示的调试效果。

这“红屏”又是什么鬼？别着急，是正常的，我们需要连接上开发服务器，下面的步骤会解决这个问题。