一步一步在Windows下搭建React Native Android开发环境

搭建JAVA开发环境

依据操作系统分为x86或x64位的。下载jdk1.8以上的版本号。

本机安装时的java版本号：jdk-8u45-windows-x64.exe

配置JAVA的环境变量

JAVA_HOME = C:Program FilesJavajdk1.8.0_45
CLASSPATH = .;%JAVA_HOME%libdt.jar;%JAVA_HOME%lib	ools.jar;
path 添加;%JAVA_HOME%in;%JAVA_HOME%jrein;

安装Android Studio

本机安装时的Android Studio版本号：androidstudio1.5.0.0.1454148047.exe

添加Android SDK的环境变量配置

ANDROID_HOME = D:Androidsdk
path 添加 ;%ANDROID_HOME%;%ANDROID_HOME%	ools;%ANDROID_HOME%platform-tools;

安装NodeJS开发环境

安装流程參考：http://blog.csdn.net/itpinpai/article/details/48103845

安装Git版本号控制

本机安装时的Git版本号：Git-1.9.5-preview.exe

安装流程參考：http://blog.csdn.net/itpinpai/article/details/48105445

安装虚拟机

本机安装时的虚拟机版本号：genymotion-2.6.0-vbox

这个软件须要在官网上注冊一个账号，先注冊才干下载。官网地址：www.genymotion.com/

安装React-native-cli

npm install -g react-native-cli

初始化项目

react-native init reactNative

启动项目

react-native start

执行上句命令后打开以下这个连接

http://localhost:8081/index.android.bundle?platform=android

页面如图上：

这个页面的说明android项目没有编译成功

须要删除项目(MyProject)下的这个路径下的文件：MyProject ode_modules eact-native ode_modules eact-transform-hmr ode_modules eact-proxy ode_modules eact-deep-force-update.babelrc

例如以下图：

关闭cmd窗体，再次打开执行react-native start 回车

打开刚才输入的连接地址页面显演示样例如以下截图

执行react-native start 可能会报例如以下图错：

解决的方法：
改动这个文件F: eactNativeMyReact ode_modules eact-nativepackager eact-packagersrcDependencyResolverFileWatcherindex.js

把原来的
const MAX_WAIT_TIME = 120000;
改动为

const MAX_WAIT_TIME = 120000000;

执行 android app

react-native run-android

执行可能须要一些时间。要耐心等待

安卓调试

眼下Windows下无法自己主动打开chrome进行调试，所以手动打开chrome，訪问例如以下地址： http://localhost:8081/debugger-ui 就可以。