Mac上搭建React Native安卓项目环境

1011 查看

搭建Mac上React Native安卓项目环境具体如下：

1，安装git

brew install git

2，安装Android SDK

1, 先安装最新的JDK
2, 安装安卓SDK即  brew install android-sdk
    android-sdk安装后默认路径为/usr/local/opt/android-sdk
3, 设置.bash_rc和.bash_profile里的环境变量。新增如下：
    export ANDROID_HOME=/usr/local/opt/android-sdk
    export ANDROID_SDK=/usr/local/opt/android-sdk/platforms

3，使用gradle作为构建系统

安装Android Studio后即可使用

4，配置SDK

  sudo android，此时打开的Android SDK Manager
  之后安装
    Android SDK Build-tools version 24.x.x
    Android 6.0 (API 23)
    Android Support Repository

5，安装模拟器

针对安卓模拟器可以有2种选择：

1) 使用Google官方模拟器

   需要在Android SDK Manager安装如下：
        Intel x86  Atom System Image
        Intel x86 Emulator Accelerator(HAXM installer)

安装后运行android avd即可打开模拟器管理窗口（Android Virtual Device[AVD]）

2) 使用Genymotion模拟器

该模拟器(https://www.genymotion.com/#!/)使用起来会更方便。个人可以免费使用。

   先安装Genymotion
   安装VirtualBox(模拟器运行时依赖该虚拟机的引擎)
   之后运行，然后创建新的模拟器。
   Command + M会弹出管理菜单，然后可以Reload JS

Genymotion管理器

6，运行项目

进入项目目录，然后

 react-native run-android

模拟器运行状态

7，监测日志

adb logcat *:S ReactNative:V ReactNativeJS:V

此时可以监听RN输出的日志了。

日志监听

参考：

推荐：
RNTools是一个分享React Native文章、实例代码以及第三方模块的平台。RNTools官网链接 RNTools应用下载