React Native搭建

环境

jdk 最好11。 node最好16. Android Studio下载Android sdk，也会自带和可以下载jdk,后期需要什么直接下载。

React Native 版本最好0.72。 再高版本需要node 18。 谨慎起见暂不升级。

注意：React Native 0.72，需要jdk 11以上，node 16以上， Android SDK 对应 Android 13 (Tiramisu)或 Android 12 (S)。

• 运行React Native 命令创建项目指定版本号。

npx react-native init AwesomeProject --version 0.72

• 测试环境是否正确

npx react-native doctor

按e修复。不建议草率修复。如果修复升级jdk到11，但你的其他项目需要jdk1.8呢？

Android Studio

Android Studio配置下载具体操作不表。只说大体流程。 安装-下载依赖-构建项目-创建并运行到模拟器

安装

注意Android Studio版本和Android Gradle Plugin（AGP）版本和gradle文件版本是否兼容。

下载

• Android SDK
• Android SDK Platform
• Android SDK Tool
• Android Virtual Device （模拟器需要下载镜像）
• jdk(也可以自己下)

1. jdk11以上。
2. Android Studio 默认会安装最新版本的 Android SDK。目前编译 React Native应用需要的是Android 13 (Tiramisu)版本的 SDK（注意 SDK 版本不等于终端系统版本，RN 目前支持android 5 以上设备）。你可以在 Android Studio 的 SDK Manager 中选择安装各版本的 SDK。
3. 模拟器需要下载镜像，可以在sdk列表里下，例：Intel x86 Atom_64 System Image。省的创建时下。

构建（Gradle 构建项目的工具）

Android Studio 构建

构建配置目录在C:\Users\用户\ .gradle 文件夹。

• 注意每次构建新的项目时最好把该 .gradle 文件夹删掉。ide清缓存重启重新构建。

gradle文件版本：与项目对应，但下载需代理，因为在外网。Android Studio 构建时可能超时报错。所以最好自己下载在本地。
（React Native 版本0.72时创建项目指定gradle版本为gradle-8.0.1-all/bin文件)。

Android Studio设置构建工具为本地文件，不要默认的gradle-wrapper.properties 文件配置。因为这里默认直接下载。

Android Studio 运行rn 必要插件。react-native-gradle-plugin。当出现时即构建成功。

React Native 直接构建

首次直接构建可以修改gradle-wrapper.properties 文件配置为本地节省下载步骤。首次直接构建需要严格配置电脑各个依赖版本。不能随意切换了。（Android Studio构建可以切换，毕竟ide功能要多一点）。如有问题先不要执着于查看报错信息，应该查看环境是否正确。（因为构建这一步的报错大概率是环境不兼容）。
命令行：

npx react-native doctor

运行

运行到模拟器

• 运行React Native 命令启动项目。

yarn react-native run-android

此命令会对项目的原生部分进行编译，同时在另外一个命令行中启动Metro服务对 js 代码进行实时打包处理（类似 webpack）。Metro服务也可以使用yarn start命令单独启动。
首次启动项目会进行构建，看上面React Native 直接构建注意事项。

• Android Studio启动项目
  前提1：Android Studio或React Native运行构建过项目。
  前提2：要先启动react-native的Metro服务，可以使用yarn start命令单独启动。

  直接点运行按钮。 如果没有模拟器就创建。

• 指定端口，运行到不同模拟器

npx react-native run-android --deviceId emulator-5554