react-native 安卓真机环境搭建

前言

最近在学习react-native，也做了几个简单的小demo，附上地址 react-native 安卓app

在android平台开发的时候，环境搭建还是蛮麻烦的，在这里总结一下我自己搭环境遇到的一些坑，供参考。

正文

这是我在搭建react-native 安卓开发环境遇到的一些坑和解决方法，记下来防止以后能用到。也是看了网上许多人的答案，感谢大家的帮助。
第一步：安卓依赖环境

首先下载安卓sdk https://dl.google.com/android...

接下来配置安卓sdk系统变量，这个可以参考网上内容

http://reactnative.cn/docs/0....

第二步：配置node环境

由于npm环境在国内有点麻烦，所以为了方便切换npm源到淘宝的镜像 cnpm，需要先安装nrm模块

npm install -g nrm

淘宝镜像安装

npm install -g cnpm --registry=https://registry.npm.taobao.org

然后运行 nrm use cnpm 就可以了

这个可以解决 react-native init project 时候npm下载失败的问题

网上说node版本需要4.0以上，不然会有问题

npm版本也需要升级，我开始是2.xx版本，一直报错，

npm升级到 3.7.3就成功了

推荐node版本 4.1.2，之前4.2.4 react-native start 导致内存溢出

第三步：下载react-native

下载react-native npm install -g react-native-cli

新建一个目录 react ，在目录下运行

react-native init project (之前由于没有切换npm源导致一直失败，改了之后就一次性成功了)

第四步：运行react-native android 程序

在之前react-native init project 之后

cd project 然后 react-native run-android

这个是最关键的也是问题最多的，这个过程第一次安装一般比较缓慢，我一直运行了23分钟，要耐心等待

问题1：确保手机连接成功了，不然会遇到下面这种情况

问题2：

这个问题也不是很清楚为什么，后来再stackoverflow 上找到答案

把android的build.gradle 文件里面的第八行改成 classpath 'com.android.tools.build:gradle:1.2.3' 就可以了

问题3：

网上找了个图，我碰到的是23.0.1，这种情况应该就是android sdk没弄好，下载了之后就可以了

问题4：

网上截了个图，我用的是小米（坑），这个情况的解决方案竟然是

小米手机设置里-------开发者选项---------启用MIUI优化关闭

然后我就一次性安装成功了，没有白屏，如果有白屏的情况，我看网上是这样解决的

设置里找到应用管理，我们安装的project应用权限管理里面，打开悬浮窗权限就可以了

这个也是要开启的，因为调试时候会用到

截个图纪念一下

第五步：开发

为了像浏览器一样改了代码就能立马看到，需要再多设置一下

拿起你的手机摇一摇，弹出悬浮窗，点击Dev Settings 然后点击 Debug server host & port for device

在这里输入你电脑的ip（查看方法：cmd窗口输入 ipconfig），8081是固定端口号，前面是你的ip（网上有些人运行报错也可以这样解决，我这里直接成功没有遇到红屏报错情况）

设置完成后，简单修改一下页面index.android.js，按物理设置键，选择Reload JS，程序就刷新了，

总结

至此，程序就能正常的运行了。

附上一些参考文档：

http://reactnative.cn/docs/0....

React-Native android在windows下的踩坑记

react-native在Anroid真机运行时可能会遇到白屏的情况解决办法

android - react-native :app:installDebug FAILED

以上都是个人看法，如果有误，感谢指导！