1.安装java jdk 配置环境变量 JDK1.8或以上
2.安装android_sdk ,设置ANDROID_HOME
ANDROID_HOME D:\AndroidSDK 注意结尾不需要分号
3.安装c++环境 (windows默认有)
4.安装nodejs与git
nodejs:下载地址 nodejs.org //自动添加环境变量
git :下载点
这里,git下载
5.在安装好nodejs后,设置全局镜像
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
6.安装React Native命令行工具
github上下载facebook发行的:
https://github.com/facebook/react-native
解压下载好的zip,cmd命令行进入react-native-cli
git命令行 执行 npm install -g react-native-cli
这一步有的童鞋下载可能会比较慢,下载慢的可以去
这 里
7.创建项目:
进入项目目录
执行 react-native init projectName 如:react-native init HelloWorld
8.设置gradle的编译环境
gradle的版本 就是一个zip压缩包 需要解压一下
环境变量的配置 GRADLE_HOME 需要指定到解压后的文件目录里 类似:/Users/dfy/Desktop/gradle-2.4
并把%GRADLE_HOME%/bin放到Path里面 检查是否成功:gradle -v
修改rn项目里面android\gradle\wrapper\gradle-wrapper.properties文件里关于gradle的配置路径 设置到本地
GRADLE_HOME E:\RNGradle\gradle-2.10
distributionUrl=
file:///E:/gradle-2.10-all.zip 三个杠
distributionUrl=file:///Users/dfy/Desktop/gradle-2.4-all.zip
文件比较大,只能提供百度云的下载了,360被某讯举报,没办法百度慢点,就凑活吧。
链接:http://pan.baidu.com/s/1jHTbxf4 密码:8ui2
9.运行项目:
进入项目目录:
执行 react-native start
可以用浏览器访问http://localhost:8081/index.android.bundle?platform=android看看是否可以看到打包后的脚本
10.
准备模拟器或真机 运行android
react-native run-android
运行时可能出现的问题汇总:
问题:找不到sdk 或者 无法正常化 sdk路径 解决办法:环境变量
问题:failed to find target with hash string 'android-23' in: F:\Android_SDK 解决版本:更新23版本的sdk
问题:build成功后是红色的:没有连接服务器js Server
解决方法:ip地址+8081端口 例子:192.168.1.100:8081
问题: 根据studio的版本,打开android目录下的gradle文件,设置成对应的版本
如:我的是
dependencies {
classpath 'com.android.tools.build:gradle:2.0.0'
// NOTE: Do not place your application dependencies here; they belong
// in the individual module build.gradle files
}