React Native Android环境搭建(Mac)

2,398 阅读1分钟

必装软件 :

1.Homebrew(Mac OSX的包管理器,我们需要通过Homebrew安装开发React Native的相关软件包)

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2.Node.js

$ brew install node

3.watchman(安装此工具可以提高开发时的性能(packager可以快速捕捉文件的变化从而实现实时刷新))

$ brew install watchman

4.flow(flow是Facebook开源的一个JavaScript静态类型检查器,用于发现JavaScript程序中的类型错误。)

$ brew install flow

5.react-native-cli(react-native-cli是React Native的命令行工具,安装react-native-cli后我们就能够通过react-native相关命令管理ReactNative工程)

$ npm install -g react-native-cli

Android环境安装

1.AndroidStudio推荐3.0版本

注意事项:
* 勾选Performance和Android Virtual Device
* 安装相关SDK Platforms,记得勾选Show Package Details
* 安装SDK Tools 必须是这个版本 Android SDK Build-Tools 23.0.1,记得勾选Show Package Details。
* ANDROID_HOME环境变量设置。(见下面 配置jdk)

2.JDK1.8版本(Java Development Kit [JDK] 1.8)

必须是这个版本,再高的版本会报错,不支持!

mac下切换jdk版本教程:
(查看当前: ls /Library/Java/JavaVirtualMachines)
1.vim ~/.bash.profile
2.进入后:修改 保存:
export JAVA_8_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0.jdk/Contents/Home
export JAVA_10_HOME=/Library/Java/JavaVirtualMachines/jdk10.0.1jdk/Contents/Home
3. alias命令动态切换JAVA_HOME的配置:
alias jdk8='export JAVA_HOME=$JAVA_8_HOME'
alias jdk10='export JAVA_HOME=$JAVA_10_HOME'
4.立即生效:
source ~/.bash_profile
5.使用指令:jdk8 or jdk10 切换版本即可(java -version 查看当前jdk版本)

运行

打开模拟器,进入项目的根目录,也就是有package.json文件的目录,运行

react-native run-android

参考资料: