react Native 部署配置开发环境

react Native 官网地址：Setting up the development environment · React Native (reactnative-archive-august-2023.netlify.app)

需要环境：

javaSdk  JDK 11 (openjdk.org) （官方推荐jdk11）

node（确保它是 Node 16 或更高版本）

1。安装下载Android Studio ，在安装导向中，确保选中 

• Android SDK
• Android SDK Platform
• Android Virtual Device

2.安装Android SDK

默认情况下，Android Studio 会安装最新的 Android SDK。但是，使用原生代码构建 React Native 应用特别需要 SDK。可以通过 Android Studio 中的 SDK 管理器安装其他 Android SDK。Android 13 (Tiramisu)

为此，请打开Android Studio，单击“更多操作”按钮，然后选择“SDK管理器”。

（新版本Android Studio在右上角...   SDK Manager）也可以在设置里面找到

从 SDK 管理器中选择“SDK 平台”（ "SDK Platforms" ）选项卡，然后选中右下角“显示包详细信息”旁边的框。查找并展开该条目，然后确保选中以下项目：Android 13 (Tiramisu)

• Android SDK Platform 33
• Intel x86 Atom_64 System Image或Google APIs Intel x86 Atom System Image

接下来，选择“SDK 工具”（ "SDK Tool" ）选项卡，并在此处选中“显示包详细信息”旁边的框。查找并展开该条目，然后确保已选中该条目。Android SDK Build-Tools33.0.0

3. 配置 ANDROID_HOME 环境变量

React Native 工具需要设置一些环境变量才能使用原生代码构建应用程序。

1. 打开 Windows 控制面板。
2. 单击“用户帐户”，然后再次单击“用户帐户”
3. 单击“更改我的环境变量”
4. 单击“新建...”以创建一个新的用户变量，该变量指向 Android SDK 的路径：ANDROID_HOME

您可以在 Android Studio 的“设置”对话框中找到 SDK 的实际位置  Appearance & Behavior → System Settings → Android SDK.

5.将 platform-tools 添加到路径中

• 打开 Windows 控制面板。
• 单击“用户帐户”，然后再次单击“用户帐户”
• 单击“更改我的环境变量”
• 选择 Path 变量。
• 单击编辑。
• 单击“新建”，然后将 platform-tools 的路径添加到列表中。

创建新应用程序

如果您之前安装了全局包，请将其删除，因为它可能会导致意外问题：react-native-cli

npm uninstall -g react-native-cli @react-native-community/cli

React Native 有一个内置的命令行界面，你可以用它来生成一个新项目。您可以使用 全局安装任何东西来访问它，它随 Node.js一起提供。让我们创建一个名为“AwesomeProject”的新 React Native 项目：npx

npx react-native@latest init AwesomeProject

下面就可以调试Android Studio，导入创建的项目中自动生成的android文件夹，运行项目， usb或模拟器调试

 问题

如果开发遇到红屏问题， 报错java.lang.RuntimeException: Unable to load script from assets ‘index.android.bundle‘.

查看  index.android.bundle  这个文件是否存在

全局检索确实没找到该文件

解决方法

 1、 项目中在android/app/src/main/创建文件夹  assets

 2、终端执行以下命令生成一个index.android.bundle文件

npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res