React Native 在 Android 平台上运行
React Native 开发的 App 是跨平台的,即可以运行在 Android 平台,也可以运行在 iOS 平台。
如果你开发 App 的时候主要使用 Android 平台来测试和开发。那么就可以将应用运行在 Android 机子上。
Android Studio 开发环境
如果想要在 Android 平台上运行进行测试开发,你的电脑只需要装了 Android 开发环境即可。Android 开发对操作系统没啥要求。
安装 Android Studio 首先需要有 Java 环境,关于如何安装 Java 开发环境,请参考 Android Java 环境配置
安装完 Java 环境后才能安装 Android Studio。关于如何安装 Android Studio 开发环境,请参考 Android Studio 安装与配置
如果是在没办法,可以使用普通的 Windows 电脑装黑苹果。 也就是使用 Windows 电脑装 MacOS 苹果操作系统
安装完后还需要对 Android Studio 做一些初始化的工作,详情请参考 Android Studio 创建项目 和 Android 第一个程序 HelloWorld。 这两个流程没啥知识点,最主要的还是检测 Android 环境搭建成功与否。
经过上面的操作,想必你已经安装好了 Android Studio 开发环境和 Android 模拟器。
打开手机 Android 调试模式
如果你使用的是 Android 真机开发,那么把手机通过 USB 连接上电脑后需要做以下操作。
-
多次点击 设置->系统-> Android 版本 来打开 开发者模式。
例如小米手机的路径为
设置 -> 我的设备 -> 全部参数 -> MIUI 版本
-
打开 开发者模式 之后你需要打开 USB 调试模式。
React Native 在 Android 平台上运行
安装好了 Android Studio 开发环境和 Android 模拟器之后,我们就可以在 Android 调试我们的项目了。
在项目的根目录下运行下面的命令即可。
react-native run-android
这个命令会自动测试我们的代码有没有错误,同时打开 Android 模拟器 或 真机。然后安装运行我们的 React Native 项目。
如果你多个模拟器或者多个真机,需要指定某台模拟器来运行,那么可以使用 --simulator
指定模拟器或真机。
react-native run-android --deviceId "2823ec4c"
因为作者我有 小米 6A 作为开发机,以后的视频和效果图都是使用真机来运行。
React Native 在 Android 平台调试
Android 手机一般都带有目录键,如果需要打开调试目录,你只需要 长按目录键 即可。
如果你的 Android 手机或者 Android 模拟器没有目录键。那么只需要在 Android Studio 开发环境下按下 Command + M
组合键 ( Windows 为 Ctrl + m
) 来打开调试目录。
如果要重新加载项目,只需要按下 Command + R
组合键 ( Windows 为 Ctrl + r
) 。
Android 自带的模拟器一般比较卡,准确的说是很卡,推荐你使用 Genymotion 模拟器。
更多细节,我们会在后面的 React Native 调试 章节中学习到。