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

以上都是我的见解，若是有误，感谢指导！