React-Native Android 环境搭建记录

763 查看

1.安装JAVA JDK

http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
下载Mac OS X x64版本进行安装

2.安装Android SDK

在Mac终端输入 brew install android-sdk
成功后提示:

Now run the 'android' tool to install the actual SDK stuff.
The Android-SDK is available at /usr/local/opt/android-sdk
You may need to add the following to your .bashrc:
export ANDROID_HOME=/usr/local/opt/android-sdk
Bash completion has been installed to:
/usr/local/etc/bash_completion.d

3.创建ANDROID_HOME环境变量

终端中执行:
1.进入用户主目录
$cd~
2.如果目录下不存在.bash_profile文件,则创建该文件
$touch .bash_profile  
3.打开此文件
$open .bash_profile
加入路径配置
export ANDROID_HOME=/usr/local/opt/android-sdk
export PATH=${PATH}:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools
之后输入andorid 打开Android SDK Manager

做如下勾选进行安装


1

2

3.安装Android模拟器

1.终端输入brew info android 查看SDK安装路径,并按照下图红框中命令打开路径。

$cd /usr/local/Cellar/android-sdk/24.4.1_1
$cd extras
$cd intel
$open ./

模拟器路径

2.现在已经在Finder中打开目标路径,找到并安装InterHAXM_X.X.X.dmg文件


模拟器安装文件

3.安装之后终端执行$android avd打开管理器


模拟器管理器

初次运行Create一个模拟器


模拟器参数

创建成功之后再管理器界面点击Start运行刚刚编辑的模拟器即可


安卓模拟器界面

执行$react-native run-android 将项目运行至模拟器中,第一次跑的话,因为是通过gradle编译,需要下载压缩包,大概等了半个小时左右,卡住一次重下的。


模拟器运行效果