需要安装的工具:
安装jdk8(必须,否则报错),错误如下
java.lang.UnsupportedClassVersionError: com/android/build/gradle/AppPlugin : Unsupported major.minor version 52.0
node.js
react native命令行工具
android studio自带android sdk
xcode
下载资源
http://www.androiddevtools.cn/
在windows搭建
- 先安装nodejs
参见链接:http://www.malaoshi.top/show_1C78foAS3tk.html 通过npm安装react-native
npm install -g react-native-cli安装成功后,就可以使用命令react-native,比如
react-native --help使用react-native -v查看版本
react-native -v使用react-native init初始化react native工程等,以后再细说
安装android studio,使用自带android sdk的版本
(也可以单独安装android sdk,下载安装android sdk并配置环境变量参见链接:http://www.malaoshi.top/show_1C78f238fv1.html )安装后配置ANDROID_HOME环境变量,值为你安装的android sdk路径,必须,否则报错,错误如下:
Error:SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.
初始化react native项目,react-native init 工程名
react-native init FirstApp注意:此时现从网站上下载,下载速度较慢,所以设置淘宝镜像
- 启动虚拟机
运行react native前得准备
在运行react native时需要先下载gradle,gradle是集成ant、maven得打包工具,由于墙得原因,需要提前下载,哪么下载哪个版本,以及下载后放在哪里呢?
gradle默认安装路径在C:\Users\mym.gradle\wrapper\dists\下,里面有文件夹,打开看看,哪个文件夹得里面有未下载完得gradle,就说明已经被墙住了,需要提前下载,并放到此处,我的地址是:C:\Users\mym.gradle\wrapper\dists\gradle-2.14.1-all\8bnwg5hd3w55iofp58khbp6yv运行命令:
react-native run-android需要等待下载一些文件
详细操作参看http://www.malaoshi.top/show_1C75g2jU3v7.html
常见错误
java.lang.UnsupportedClassVersionError: com/android/build/gradle/AppPlugin : Unsupported major.minor version 52.0
需要jdk8,并且配置java_home
Error:SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.
设置ANDROID_HOME环境变量为你安装的sdk路径