react-native for android初探

写了一个reactjs项目后，出于好奇，非常想看看react-native是如何驱动手机native进行展示的。本以为套路和reactjs类似，还是too simple，花了大半天才搞定，这里就运行步骤进行说明：（官网上写的也很具体了）

这里假设是小白用户，任何都没装，最终是在android 虚拟机中查看结果；如果是真机，过程也大同小异

1、安装Chocolatey，dos下敲命令，安装window的项目管理包

2、安装python2和nodejs（如果已安装，可跳过）

choco install nodejs.install

choco install python2

3、安装，配置JDK（一定要是1.8以上版本），具体安装，度娘。。。（如果已安装，可跳过；如果版本过低，请升级）

4、安装，配置Android Studio，按照官网步骤来，主要是安装Android SDK，ADT等。值得注意的是Android SDK Build-Tools选择23.0.1版本，下载在Andorid 6.0下面。（这步耗时较长）

5、安装react-native-cli，现在的nodejs版本都内置了npm，命令：npm install -g react-native-cli即可下载

6、新建项目命令：react-native init XXX（该步脚手架工具会自动生产项目文件，并且把依赖包安装到node_modules文件夹中）

7、生成项目，可视化，分三步：

a、虚拟机AVD运行，第四部配置Android路径后，可以在dos命令下执行android avd即可打开AVD管理器。不会？直接在android sdk目录下，双击AVD Manager.exe也行。接下来easy，新建虚拟设备，并启动

b、在项目根目录下，运行react-native start,会自动开启8081端口服务，提供AVD设备js脚本

c、再开一个命令窗口，执行react-native run-android，编译文件

8、经过以上，顺利的话即可看到最终展现效果。当修改源代码文件时，同样有热替换为你服务，只需双击R即可重新获取js脚本

 

以上描述的很简单，但其实还是有很多坑的。这个时候，多到github、stack overflow查下，试着独立解决，毕竟自我学习和问题解决能力是考验程序员的基本标准。eg：8081端口被macfee占用。macfee卸载难？参见https://www.kafan.cn/edu/9810406.html

 

官网：https://facebook.github.io/react-native/docs/getting-started.html

真机打包：http://stackoverflow.com/questions/32572399/react-native-android-failed-to-load-js-bundle