ReactNative搭建

需要安装的工具:

安装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搭建

  1. 先安装nodejs
    参见链接:http://www.malaoshi.top/show_1C78foAS3tk.html
  2. 通过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工程等,以后再细说

  3. 安装android studio,使用自带android sdk的版本
    (也可以单独安装android sdk,下载安装android sdk并配置环境变量参见链接:http://www.malaoshi.top/show_1C78f238fv1.html )

  4. 安装后配置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.

  5. 初始化react native项目,react-native init 工程名

    react-native init FirstApp
    

    注意:此时现从网站上下载,下载速度较慢,所以设置淘宝镜像

  1. 启动虚拟机
  2. 运行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

  3. 运行命令:

    react-native run-android
    

    需要等待下载一些文件
    详细操作参看http://www.malaoshi.top/show_1C75g2jU3v7.html

常见错误

  1. java.lang.UnsupportedClassVersionError: com/android/build/gradle/AppPlugin : Unsupported major.minor version 52.0

    需要jdk8,并且配置java_home

  2. 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路径


原文出处:/show_1C757WK8KBa.html