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

搭建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应用下载

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容