React-Native Android 环境搭建

搭建基础环境

JDK

推荐 JDK 1.7+
配置 PATH 环境变量

Android Studio

下载地址

Android SDK

建议下载的版本 >= 图中版本

C++环境

推荐使用 cygwin

node.js

下载地址 (自带 npm)

注：以上软件对于 Android 开发者是必备的，安装过程就不再赘述，node.js cygwin 只需下载安装包，一直下一步即可。

安装 React-Native 命令行

npm install -g react-native-cli

创建项目

react-native init MyReactProj

运行 Packager

packager 是 React-Native 提供的本地服务器。

1 . 运行 packager.sh，路径为：

MyReactProjnode_modulesreact-nativepackagerpackager.sh

2 . 打开浏览器访问：

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

当出现如图提示，说明服务已正常开启运行

编译运行

这时，需要对项目进行编译，React-Native Android 采用 Gradle 编译，此过程会下载 Gradle 和项目依赖的库文件（和 Android Studio 的编译过程一样），打开模拟器，并保证模拟器可以被 adb devices 命令正常列出。

编译命令：

react-native run-android

如果出现 Unable to download JS bundle，检查 Packager 服务是否开启

运行结果

一切正常，就应该出现：