React Native 跨平台app开发入门之二-Android

2018-01-12

ReactNative

上一篇介绍了如何用 react native 编写一个 app 并在 expo 中查看效果，本篇介绍如何将 react native 的Project生成 apk 并在Android手机中运行。

因为国内网络环境的限制，已经使用了代理等方法来加速安装。

# 安装依赖

先确认 node 和 yarn已经安装好

## Python2

从官网安装 2.x ：

    https://www.python.org/downloads/

## jdk8

    http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

配置环境变量：

JAVA_HOME：/path/to/jdk
Path添加：%JAVA_HOME%/bin

## Android SDK Tools

下载地址：

    https://dl.google.com/android/installer_r24.4.1-windows.exe?utm_source=androiddevtools&utm_medium=website

安装之后可以找到 sdk manager，运行并配置代理：

```
郑州大学开源镜像站：mirrors.zzu.edu.cn
```

![](//cdn.supperxin.com/images/upload/2018/1/ef7810a6-fdc5-4296-b708-d72be22f793e.jpg)

下载：

* Tools -> Android SDK Tools
* Tools -> Android Platform-tools
* Tools -> Android Build-tools
* Android x.x.x -> SDK Platform （任意平台即可，向下兼容）
* Extras -> Android Support Repository

配置环境变量：

ANDROID_HOME：/path/to/SDK Manager
Path添加：/path/to/platform-tools/adb.exe

## react-native-cli

安装创建工程脚本：

    yarn global add react-native-cli

# 创建工程并在手机设备调试

将手机连接电脑并开启 usb 调试，然后运行：

```bash
    react-native init FirstAndroidApp
    cd FirstAndroidApp
    react-native run-android
```

在编译的过程中可能会遇到下面的问题：

    You have not accepted the license agreements of the following SDK components:
        [Android SDK Platform 23, Android SDK Build-Tools 23.0.1].

解决办法是修改构建配置文件的 Android sdk 版本：

    firstandroidapp\android\app\build.gradle

将 buildToolsVersion 以及 compileSdkVersion 配置的 版本修改为 sdk manager 下载的版本：

    compileSdkVersion 27
    buildToolsVersion "27.0.3"

完成之后会自动在手机上安装 app 并运行。

# 参考：

* [Android 工具集](http://www.androiddevtools.cn/)

本文为博主原创，如需转载，请注明出处：http://www.supperxin.com

返回博客列表