将 Android 现有的项目无缝集成 React Native：权威指南

Android

2023-12-30 19:28:27

在现有的 Android 项目中无缝集成 React Native

设置环境

踏上将 React Native 集成到 Android 项目的旅程之前，您需要准备好以下工具：

Node.js
React Native CLI
Android SDK

确保您已经安装了这些必需品，以便为接下来的步骤做好准备。

创建 React Native 项目

您无需从头开始创建一个全新的 Android 项目。相反，使用以下命令创建 React Native 项目：

npx react-native init MyRNProject

这个命令将创建一个名为 MyRNProject 的 React Native 项目。

链接 React Native 项目

现在，让我们将这个新创建的 React Native 项目与您的现有 Android 项目联系起来。为此，请在 Android 项目目录中运行以下命令：

npx react-native link

此命令将您的 React Native 项目与 Android 项目链接起来。

修改 build.gradle 文件

为了让 Android 项目与 React Native 顺利协作，需要对 Android 项目的 build.gradle 文件进行一些修改。添加以下依赖项：

dependencies {
    implementation 'com.facebook.react:react-native:+'
    implementation 'androidx.appcompat:appcompat:1.4.2'
    implementation 'androidx.core:core-ktx:1.8.0'
}

这些依赖项对于 React Native 的正确工作至关重要。

添加 React Native 模块

您的应用程序可能需要特定功能。在这种情况下，您需要添加 React Native 模块。以下是如何使用 npm 安装模块：

npm install react-native-fs

模块将为您提供所需的额外功能。

创建桥接类

接下来，我们需要在 Android 项目的 src/main/java 目录中创建一个名为 MainActivity.java 的桥接类。此类将充当应用程序与 React Native 代码之间的桥梁。

启动 React Native 活动

在 MainActivity.java 文件中，添加以下代码来启动 React Native 活动：

import com.facebook.react.ReactActivity;

public class MainActivity extends ReactActivity {
  @Override
  protected String getMainComponentName() {
    return "MyRNProject";
  }
}