关于android 环境配置 react native 安装（初级）

整了2天，终于把 react native的环境搭建好了，可以这么说吧，react native 刚推出android，本身存在着各种bug，需要我们自己解决。

而且吐槽一下，react native 在目前的大的开发环境下，真的是一个不伦不类的家伙，其存在价值不大，任务完成不靠谱，至于以后他该如何走，还需要自身架构技术强硬才行。

网上有一大堆安装教程，相信刚开始学的同学遇到了各种各样的问题。

1：android环境配置问题，请参考如下：

在创建AVD时，在DOS下输入android list targets 会出现android不是内部或外部命令，如图-1。这主要是没有配置好android sdk环境变量所致的。

图-1   android不是内部或外部命令

解决的办法有两种：

（1）.配置android sdk的环境变量；

（2）.直接进入android sdk所在的目录执行（其实可以不配置环境变量而直接进入目录执行文件的）

方法一：配置android sdk环境变量，以我安装的android sdk为例（E:\android-sdk），如图-2。

在设置系统环境变量的地方新建ANDROID_HOME（右键点击我的电脑–>属性–>高级–>环境变量–>系统变量–>新建，注意是“系统变量”而不是“Administrator的用户变量”）

1）. ANDROID_HOME=E:\android-sdk（android sdk所在目录）,如图-3；

2）. 在 path 中加入 %ANDROID_HOME%\tools ，注意不要改变其他文件路径，只需在分号后面加入，如图-4。

如果是2.3版本,想在任意命令行上执行adb命令,还需要在path中加入%ANDROID_HOME%\platform-tools,即%ANDROID_HOME%\tools与%ANDROID_HOME%\platform-tools同时加入path中，tools目录运行android命令,platform-tools目录运行adb命令,如图-4.

图-2 android sdk安装目录

图-3 配置android sdk环境变量

         

图-4在系统的环境变量中配置path

图-5配置环境变量后执行android命令

方法二：直接在进入安装目录中执行文件

android命令是在android sdk的tools下，android.bat，相关的命令还有ddms.bat，traceview.bat等。

图-6 直接进入android sdk tools执行文件

不是所有的命令都在tools目录，如常用的adb命令则在E:\android-sdk\platform-tools目录下，而且需要进入该目录才能执行。例如查看android应用程序日志的命令 需要进入E:\android-sdk\platform-tools目录下，执行adb logcat。

2：如果你的android环境确实搭配好了，也需要java的环境配置，值得值得教训的是也要像android一样 JAVA_HOME这样的配置。之后就要安装node.js环境，网上一堆资料，之后。

3：从github上找到react-natvie-master 工程 ，考到自己的本地，当作开发初始环境。之后的所有开发任务都要基于此。

4: 开启服务器：开终端 react-native start

5：建工程： react-native run-android

6:经过一长串时间后，你在手机上见到了工程首页

7：此时你见到了红页

遇到这个有两个原因：

①第一种可能：没设置第三步的ip，按照如下方法设置就行了，电脑和手机在同一个wifi下，ip为你连接wifi的ip，不是你电脑的ip。

②第二种可能：在浏览器输入http://localhost:8081/index.android.bundle?platform=android，结果如下：

如果出现上面的界面，有可能就是你的server没打开，命令 react-native start
这个时候重新输入以上的url，浏览器显示下图：

这个时候运行react native程序，希望成功，我通过这两个方法把问题解决…

最后你见到了

大功告成，你可以喝杯咖啡，庆祝一下了。