From 9271033956c29b75650b105aa3889f3054e3b5c3 Mon Sep 17 00:00:00 2001 From: wangqiuyun <727176064@qq.com> Date: Sun, 14 Dec 2025 14:26:28 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20[Issues:=20#ID7VS4]=20=E4=B8=89?= =?UTF-8?q?=E6=96=B9=E5=BA=93=E9=80=82=E9=85=8Dcli=E5=B7=A5=E5=85=B7?= =?UTF-8?q?=E9=9C=80=E6=B1=822=E4=B8=AA=E4=B8=89=E6=96=B9=E5=BA=93?= =?UTF-8?q?=E6=96=87=E6=A1=A3=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: wangqiuyun <727176064@qq.com> --- en/react-native-community-toolbar-android.md | 2 +- en/react-native-ffmpeg-kit.md | 2 +- en/react-native-image-editor.md | 2 +- en/react-native-shake.md | 20 ++++++++++++++----- en/react-native-spinkit.md | 5 +++-- .../react-native-community-toolbar-android.md | 2 +- zh-cn/react-native-ffmpeg-kit.md | 2 +- zh-cn/react-native-image-editor.md | 2 +- zh-cn/react-native-shake.md | 20 ++++++++++++++----- zh-cn/react-native-spinkit.md | 4 ++-- 10 files changed, 41 insertions(+), 20 deletions(-) diff --git a/en/react-native-community-toolbar-android.md b/en/react-native-community-toolbar-android.md index 05bd62cee..1c60303d0 100644 --- a/en/react-native-community-toolbar-android.md +++ b/en/react-native-community-toolbar-android.md @@ -236,7 +236,7 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 2.4. Import RNCCheckBoxPackage on the ArkTS Side +### 2.4. Import ToolbarAndroidPackage on the ArkTS Side > [!TIP] Required for version v0.2.22 and above diff --git a/en/react-native-ffmpeg-kit.md b/en/react-native-ffmpeg-kit.md index 1b958abf0..63d126436 100644 --- a/en/react-native-ffmpeg-kit.md +++ b/en/react-native-ffmpeg-kit.md @@ -339,7 +339,7 @@ Method 2: Directly link source code > [!TIP] If you need to use direct source code linking, please refer to [Direct Link Source Code Instructions](/en/link-source-code.md) -### 3. Configure CMakeLists and import GestureHandlerPackage +### 3. Configure CMakeLists and import FFmpegKitPackage > If you are using version <= 6.0.3, please skip this chapter. diff --git a/en/react-native-image-editor.md b/en/react-native-image-editor.md index e9b26cb5f..4716bde66 100644 --- a/en/react-native-image-editor.md +++ b/en/react-native-image-editor.md @@ -285,7 +285,7 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 2.4 Introducing xxx Package to ArkTS +### 2.4 Introducing ImageEditorPackage to ArkTS Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code: diff --git a/en/react-native-shake.md b/en/react-native-shake.md index b030a681d..2aff8741b 100644 --- a/en/react-native-shake.md +++ b/en/react-native-shake.md @@ -103,12 +103,20 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/react-native-shake@5.6.3 now supports Autolink without requiring manual configuration, currently only supports 72 frameworks. -Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | Is supported autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~6.0.2 | No | 0.77 | +| ~5.6.3 | Yes | 0.72 | +| <= 5.6.2-0.0.1@deprecated | No | 0.72 | -This step provides guidance for manually configuring native dependencies. +Using AutoLink need to be configured according to this document, Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md. -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +If the version you use supports Autolink and the project has been connected to Autolink, skip the ManualLink configuration. + +
+ ManualLink: this step is a guide to manually configure native dependencies. + +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project @@ -218,7 +226,9 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 5. Running +
+ +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-spinkit.md b/en/react-native-spinkit.md index 9079015ec..fe2e7ccf3 100644 --- a/en/react-native-spinkit.md +++ b/en/react-native-spinkit.md @@ -24,7 +24,7 @@ Please refer to the Releases page of the third-party library for the correspondi | Third-party Library Version | Release Information | Supported RN Version | |-------| ------------------------------------------------------------ | ---------- | | <= 1.5.1-0.0.2@deprecated | [@react-native-oh-tpl/react-native-spinkit Releases(deprecated)](https://github.com/react-native-oh-library/react-native-spinkit/releases) | 0.72 | -| 1.5.2 | [@react-native-ohos/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases) | 0.72 | +| 1.5.3 | [@react-native-ohos/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases) | 0.72 | | 1.6.0 | [@react-native-ohos/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases) | 0.77 | For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. @@ -79,12 +79,13 @@ This library has been adapted for `Codegen`. Before using it, you need to proact | | Is supported autolink | Supported RN Version | |--------------------------------------|-----------------------|----------------------| | ~1.6.0 | No | 0.77 | -| ~1.5.2 | Yes | 0.72 | +| ~1.5.3 | Yes | 0.72 | | <= 1.5.1-0.0.2@deprecated | No | 0.72 | Using AutoLink need to be configured according to this document, Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md If the version you use supports Autolink and the project has been connected to Autolink, skip the ManualLink configuration. +
ManualLink: this step is a guide to manually configure native dependencies. diff --git a/zh-cn/react-native-community-toolbar-android.md b/zh-cn/react-native-community-toolbar-android.md index 82b147e8e..4bb544bf4 100644 --- a/zh-cn/react-native-community-toolbar-android.md +++ b/zh-cn/react-native-community-toolbar-android.md @@ -234,7 +234,7 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 2.4.在 ArkTs 侧引入 RNCCheckBoxPackage +### 2.4.在 ArkTs 侧引入 ToolbarAndroidPackage > [!TIP] 版本 v0.2.22 及以上需要 diff --git a/zh-cn/react-native-ffmpeg-kit.md b/zh-cn/react-native-ffmpeg-kit.md index 68936b922..4e56c42c3 100644 --- a/zh-cn/react-native-ffmpeg-kit.md +++ b/zh-cn/react-native-ffmpeg-kit.md @@ -339,7 +339,7 @@ ohpm install > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md) -### 3.配置 CMakeLists 和引入 GestureHandlerPackage +### 3.配置 CMakeLists 和引入 FFmpegKitPackage > 若使用的是 <= 6.0.3 版本，请跳过本章 diff --git a/zh-cn/react-native-image-editor.md b/zh-cn/react-native-image-editor.md index c88550dac..92d02edec 100644 --- a/zh-cn/react-native-image-editor.md +++ b/zh-cn/react-native-image-editor.md @@ -284,7 +284,7 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 2.4. 在 ArkTs 侧引入 xxx Package +### 2.4. 在 ArkTs 侧引入 ImageEditorPackage 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加： diff --git a/zh-cn/react-native-shake.md b/zh-cn/react-native-shake.md index 8516bd0ea..2f3ac1f28 100644 --- a/zh-cn/react-native-shake.md +++ b/zh-cn/react-native-shake.md @@ -103,12 +103,19 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/react-native-shake@5.6.3，已支持 Autolink，无需手动配置，目前只支持72框架。 -Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~6.0.2 | No | 0.77 | +| ~5.6.3 | Yes | 0.72 | +| <= 5.6.2-0.0.1@deprecated | No | 0.72 | -此步骤为手动配置原生依赖项的指导。 +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md -首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony` +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 + +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段 @@ -222,7 +229,10 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 5.运行 + +
+ +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-spinkit.md b/zh-cn/react-native-spinkit.md index b47c2379e..25044f227 100644 --- a/zh-cn/react-native-spinkit.md +++ b/zh-cn/react-native-spinkit.md @@ -22,7 +22,7 @@ | 三方库版本 | 发布信息 | 支持RN版本 | |-------| ------------------------------------------------------------ | ---------- | | <= 1.5.1-0.0.2@deprecated | [@react-native-oh-tpl/react-native-spinkit Releases(deprecated)](https://github.com/react-native-oh-library/react-native-spinkit/releases) | 0.72 | -| 1.5.2 | [@react-native-ohos/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases) | 0.72 | +| 1.5.3 | [@react-native-ohos/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases) | 0.72 | | 1.6.0 | [@react-native-ohos/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases) | 0.77 | 对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 @@ -77,7 +77,7 @@ export default SpinKit; | | 是否支持autolink | RN框架版本 | |--------------------------------------|-----------------|------------| | ~1.6.0 | No | 0.77 | -| ~1.5.2 | Yes | 0.72 | +| ~1.5.3 | Yes | 0.72 | | <= 1.5.1-0.0.2@deprecated | No | 0.72 | 使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md -- Gitee