安装环境依赖

ReactNative需要NodePython2.XSDK(直接下载AndroidStudio并安装)与JDK1.8+环境,分别下载相应安装包安装。

1 . 设置npm镜像以加速包安装过程:

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

2 . 安装命令行工具Yarn(可代替npm的工具,可加速node模块的下载)react-native-cli:

npm install -g yarn react-nativ-cli

同样设置yarn的镜像源:

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

3 . 将SDK放入环境变量,创建系统变量ADNDROID_HOME,变量值为SDK目录,一般为C:\Users\yourName\AppData\Local\Android\Sdk,在path中添加如下两项:

%ANDROID_HOME%\tools
%ANDROID_HOME%\build-tools

创建新项目

用命令行工具创建一个空的项目:

react-native init projectName

运行项目

USB接入Android设备,打开USB调试,查看设备连接状态:

adb devices

若出现类似下面内容,证明设备连接正常:

adb-devices.png

若提示adb不是内部或外部命令,这是因为SDK版本所致,新版本中adb.exe文件没有在SDKbuild-tooks目录下,而是在platform-tools目录下,因此需将该目录也添加到path环境变量中:%ANDROID_HOME%\platform-tools

设备连接后,输入命令运行:

cd projectName
react-native run-android

首次运行需下载各种依赖和包,耗费时间较长,可能至少需要十几分钟,且此过程需要翻墙。依赖下载完成并编译后,即可看到设备上的运行结果界面。
若报500错,则可能是由于react-native版本问题,执行以下操作:

rm -rf node_moudles  #或手动删除该文件夹
npm install --save
npm uninstall react-nativce
npm --save install --save react-native@0.55.4
react-native run-android    #依然会报错,不用管
npm install --save babel-core@lastest babel-loader@latest
npm uninstall --save babel-preset-react-native
npm install --save babel-preset-react-native@4.0.0
react-native run-android