React Native 初学者指南：打造你的第一个 APK 应用

2023-11-04 20:13:37

React Native 开发环境搭建

安装 Node.js 和 npm

首先，您需要安装 Node.js 和 npm。Node.js 是一个 JavaScript 运行时环境，而 npm 是一个包管理工具。您可以从 Node.js 官网下载并安装 Node.js，然后使用 npm 命令安装 npm。
安装 React Native CLI

接下来，您需要安装 React Native CLI。React Native CLI 是一个命令行工具，可以帮助您创建、管理和构建 React Native 应用。您可以使用 npm 命令安装 React Native CLI。
创建 React Native 项目

使用 React Native CLI 创建一个新的 React Native 项目。您可以在终端中输入以下命令：
```
npx react-native init MyProject
```
这将创建一个名为 MyProject 的新项目。
安装依赖项

进入 MyProject 项目目录，使用 npm 命令安装必要的依赖项。
```
cd MyProject
npm install
```
启动 React Native 开发服务器

使用 React Native CLI 启动 React Native 开发服务器。
```
npx react-native start
```
这将启动一个开发服务器，您可以在浏览器中打开 http://localhost:8081 来查看您的应用。

打包 APK

安装 Android SDK 和 Android Studio

要打包 APK，您需要安装 Android SDK 和 Android Studio。Android SDK 是一个包含各种工具和库的软件开发工具包，而 Android Studio 是一个专为 Android 开发而设计的集成开发环境。您可以从 Android 官网下载并安装 Android SDK 和 Android Studio。
配置 Android Studio

打开 Android Studio，创建一个新的 Android 项目。在项目中，您需要配置 Gradle 文件以使用 React Native。您可以在 Gradle 文件中添加以下代码：
```
apply plugin: 'com.android.application'
apply from: "../../node_modules/react-native/react.gradle"
```
生成 APK

使用 Gradle 命令生成 APK。您可以在终端中输入以下命令：
```
cd android
./gradlew assembleRelease
```
这将生成一个名为 app-release.apk 的 APK 文件。您可以在 android/app/build/outputs/apk/release 目录下找到它。

调试和热重载

连接设备或模拟器

将您的设备或模拟器连接到电脑，并确保已启用 USB 调试模式。
启动 React Native 调试器

使用 React Native CLI 启动 React Native 调试器。
```
npx react-native start --inspect
```
打开 Chrome 开发者工具

在 Chrome 浏览器中，打开开发者工具。您可以在菜单栏中找到它。
启用热重载

在 Chrome 开发者工具中，点击 "Sources" 标签。在左侧的导航栏中，找到您的 React Native 应用，然后点击 "Enable Live Reload" 按钮。