53 React Native 跨平台app开发入门之二 Android - xiaoxin01/Blog GitHub Wiki

上一篇介绍了如何用 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
东软信息学院镜像站:mirrors.neusoft.edu.cn

下载:

  • 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 调试,然后运行:

    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 并运行。

参考:

⚠️ **GitHub.com Fallback** ⚠️