React Native Android配置部署踩坑日记

万事开头难

作为一只进入ECMAScript世界不久的菜鸟，已经被React Native的名气惊到了，开源一周数万星勾起了我浓烈的兴趣。新年新气象，来个HellWorld压压惊吧^_^（故意少打个'o'）

具体的详细教程这里都有，我就说说这里没找到的几个坑，由于大部分资料还是0.1.4版本的react-native，笔者用最新的0.1.7和现有的很多是不一样的。

http://reactnative.cn/docs/android-setup.html#content

00.第一个坑，安卓墙

Android SDK下载：

本来抱着侥幸心理想试试能不能再低版本Android环境下编译，答案是，不能！脸书工程师的代码会校验当前Android Platform API 版本是不是=== 23，

解决方案：可以先在 http://pan.baidu.com/s/1eQppdPC 这里下载Android Dev Tools，然后用国内的镜像地址设置代理再下载所需要的各种SDK，安卓资源站在这里，代理设置方法也有 http://androiddevtools.cn/

nodeJS设置镜像：

这应该是开发node都知道的，我是用cnpm替代npm解决的，react-native init这条命令会拉很多dependency，不用国内的镜像要等死了。

01.第二个坑，Cygwin环境冲突

由于脸书的工程师都是用的mac电脑，对windows支持不佳，而且他们估计也没考虑到Windows可以装一种Cygwin的神奇软件。如果过程中出现了这个：

在mac中说明没安装上监视文件的watchman，但是我非常纳闷为什么windows下起react-native Server会报这个错，费劲千辛万苦，发现我的 Cygwin迷惑了react-native ，环境中含有Linux命令，然后被 判定为Linux或mac OS系统 ，然后去执行目前只有Linux和MAC才有的watchman程序，windows下是不需要的而且要在：

项目名\node_modules\react-native\packager\react-packager\\src\FileWatcher\index.js 中把 MAX_WAIT_TIME 这个变量改的很长（不要超过了整数最大值），不然25秒后依然报timeout错。

10.第三个坑，白屏

真机调试白屏，由于AVD相对比较慢，笔者直接祭出安卓6.0的真机USB调试的，发现全都是白的，啥也没有，查阅资料发现这是因为 显示悬浮窗这个权限被拒绝 了，去手机权限中心允许这一条就可以了（这是一个用来弹出开发菜单的浮窗）。

11.真机测试

安卓就两条命令react-native start;react-native run-android，ios只要后面一条，然而我的黑苹果虚里脊慢的不要不要的，先玩玩安卓了。

AVD是不需要任何配置就可以直接用react-native run-android跑起来的，真机上会出现红色报错，需要进开发选项Dev Settings去配置Debug Server host（最后一个选项），设置成PC的内网IP：8081就可以了。附图↓ （一个js文件变成apk真的很酷炫， 摇一摇就能实时更新到最新代码 更酷炫~）

100.路漫漫，其坑多兮

此处只是列举了几个耗时较长的坑，目前安卓端和Windows开发环境还不成熟，想起了2年前coscos2d-x还不成熟时的踩坑噩梦。好久没碰cocos2d-x了，想想那时候写的C++好菜，现在连菜都算不上了，cocos2dx越来越主流，然而我却快忘记了。希望React Native在开源社区下更快完善，慢慢成为主流，让全栈JS变成万金油全堆JS。

来自： http://www.cnblogs.com/code2life/p/5094011.html