React Native安卓开发环境搭建

React Native安卓开发环境搭建

上一篇文章主要介绍了React Native iOS开发环境的搭建,主要是Xcode的安装和配置,本篇介绍Android开发环境搭建,主要是SDK及Android Studio的安装和配置,依然以Mac为例。

安装前置工具

安装开发环境前,需要安装一些React Native开发工具或环境,如NodeReact Native Command line等。

Node

推荐使用Homebrew安装Node:

brew install node

请确保Node版本大于8。

React Native CLI

安装React Native命令行工具:

npm install -g react-native-cli

安装JDK

因为Android应用使用Java语言开发,所以需要安装Java Development Kit,即Java开发工具集,点此前往下载

安装Android开发环境

Android Studio

第一步需要安装Android Studio,选择自定义安装模式,然后选择如下安装模块:

  • Android SDK
  • Android SDK Platform
  • Performance (Intel ® HAXM)
  • Android Virtual Device

然后继续安装即可。

Android SDK

Android Studio installs the latest Android SDK by default. Building a React Native app with native code, however, requires the Android 6.0 (Marshmallow) SDK in particular. Additional Android SDKs can be installed through the SDK Manager in Android Studio.

Android Studio默认是安装最新的Android SDK,然而,构建一个React Native App需要使用Android 6.0(Marshmallow)版本SDK。我们需要通过Android Studio的SDK管理器安装额外的Android SDK,在Android Studio的欢迎界面,点击右下角的Configure配置,下拉选择SDK Manager:

Welcome

选择SDK Platforms,勾选Show Package Details,然后点开Android 6.0(marshmallow),选中:

  • Google APIs
  • Android SDK Platform 23
  • Sources for Android 23
  • Intel x86 Atom_64 System Image
  • Google APIs Intel x86 Atom_64 System Image

SDK install

然后点击SDK Tools,依然勾选Show Package Details,展开Android SDK Build-Tools,勾选23.0.1

最后选择Apply,确认安装即可。

配置环境变量

构建App前还需要配置一些环境变量,否则会抛出异常,在$HOME/.bash_profile配置文件中添加以下变量:

export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator
export PATH=$PATH:$ANDROID_HOME/tools/bin
export PATH=$PATH:$ANDROID_HOME/platform-tools
cd ~
vi .bash_profile

按如上指令打开文件,按i键进行编辑,再按esc,退出编辑模式,接着按:wq保存退出即可。

最后还需要执行指令:

source ~/.bash_profile

当然也可以在其他用户配置文件中设置上面的相关变量,如.bashrc, zshrc等文件。

创建安卓模拟器(AVD)

打开Android Studio的AVD Manager即安卓模拟设备管理器,打开项目,选择Tools-》AVD Manager,可以创建或者编辑模拟设备:

Android Studio AVD

命令行创建AVD

当然也可以使用命令行方式创建AVD:

avdmanager create avd -n Pixel-23 -d 2 -k "system-images;android-23;default;x86_64"

-n是指定模拟设备名称,可自定义,-d指定设备target id,其值根据以下指令返回值对应:

avdmanager list targets

然后可以调起模拟器:

emulator -avd Pixel-23

另外,可使用以下指令查看可用模拟设备:

emulator -list-avds
or
adb devices

运行

随后可以执行react-native init myApp创建一个React Native App,然后运行:

emulator -avd Pixel-23
cd myApp
react-native run-android

原创文章,转载请注明: 转载自 熊建刚的博客

本文链接地址: React Native安卓开发环境搭建

熊 建刚

热爱前端,但不局限于前端,喜欢尝试各种新技术,爱好读书。

发表评论

电子邮件地址不会被公开。 必填项已用*标注