From d257a7b869e1178cd96c4bfb9fd2a035b5145aec Mon Sep 17 00:00:00 2001 From: WXB <1476757550@qq.com> Date: Sat, 13 Dec 2025 09:31:09 +0800 Subject: [PATCH] =?UTF-8?q?docs:=20[Issues:=20#IDCQRY]=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=82=E6=96=87=E6=A1=A3=E6=95=B4=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: WXB <1476757550@qq.com> --- en/react-native-text-size.md | 18 ++- en/react-native-theme-control.md | 33 +++-- en/react-native-theme-switch-animation.md | 21 ++- en/react-native-thumbnail.md | 22 ++-- en/react-native-touch-id.md | 36 +++--- en/react-native-track-player.md | 28 ++-- en/react-native-tts.md | 30 +++-- en/react-native-udp.md | 22 ++-- en/react-native-user-agent.md | 21 ++- en/react-native-version-number.md | 20 ++- en/react-native-video-cache.md | 17 ++- en/react-native-video.md | 18 ++- en/react-native-view-pdf.md | 22 ++-- en/react-native-view-shot.md | 18 ++- en/react-native-vision-camera.md | 18 ++- en/react-native-voice-voice.md | 23 ++-- en/react-native-wechat-lib.md | 129 ++++++++++--------- zh-cn/react-native-text-size.md | 18 ++- zh-cn/react-native-theme-control.md | 28 ++-- zh-cn/react-native-theme-switch-animation.md | 19 ++- zh-cn/react-native-thumbnail.md | 20 ++- zh-cn/react-native-touch-id.md | 33 +++-- zh-cn/react-native-track-player.md | 26 ++-- zh-cn/react-native-tts.md | 29 +++-- zh-cn/react-native-udp.md | 20 ++- zh-cn/react-native-user-agent.md | 19 ++- zh-cn/react-native-version-number.md | 20 ++- zh-cn/react-native-video-cache.md | 17 ++- zh-cn/react-native-video.md | 17 ++- zh-cn/react-native-view-pdf.md | 19 ++- zh-cn/react-native-view-shot.md | 18 ++- zh-cn/react-native-vision-camera.md | 17 ++- zh-cn/react-native-voice-voice.md | 20 ++- zh-cn/react-native-wechat-lib.md | 128 +++++++++--------- 34 files changed, 614 insertions(+), 350 deletions(-) diff --git a/en/react-native-text-size.md b/en/react-native-text-size.md index 501307c8e..d9562b454 100644 --- a/en/react-native-text-size.md +++ b/en/react-native-text-size.md @@ -199,12 +199,19 @@ export default function TextSizeExample() { ## Link -Version >= @react-native-ohos/react-native-text-size@4.0.1 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 supporte autolink | Supported RN Version | +|----------------------------|-----------------------|----------------------| +| ~4.1.0 | No | 0.77 | +| ~4.0.1 | Yes | 0.72 | +| <= 4.0.0-0.0.11@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 @@ -318,8 +325,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-theme-control.md b/en/react-native-theme-control.md index 52bfd3502..1a6170049 100644 --- a/en/react-native-theme-control.md +++ b/en/react-native-theme-control.md @@ -42,6 +42,8 @@ npm install @react-native-ohos/react-native-theme-control yarn add @react-native-ohos/react-native-theme-control ``` +> [!TIP] This library also relies on [react-native-community/segmented-control](/zh-cn/react-native-community-segmented-control.md) + The following code shows the basic use scenario of the repository: @@ -103,18 +105,23 @@ useThemePreference(): {themePreference} ## Use Codegen -Version >= @react-native-ohos/react-native-theme-control@6.0.2, compatible with codegen-lib for generating bridge code. - -If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-theme-control@6.0.2 now supports Autolink without requiring manual configuration(The content that still needs to be manually configured has been marked in the corresponding title), 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 supporte autolink | Supported RN Version | +|---------------------------------|-----------------------|----------------------| +| ~6.1.1 | No | 0.77 | +| ~6.0.2 | Yes | 0.72 | +| <= 6.0.1-1.0.3@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. -This step provides guidance for manually configuring native dependencies. +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. -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +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 @@ -228,7 +235,13 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 5. Add the `MyAbilityStage.ets` in `entry/src/main/ets/abilityStage`(This module always requires manual configuration) +
+ +## Necessary configuration items + +> [!TIP] The content of this module cannot be automatically generated by autolink and must always be manually configured. + +### 1. Add the `MyAbilityStage.ets` in `entry/src/main/ets/abilityStage`(This module always requires manual configuration) Open the `entry/src/main/ets/abilityStage/MyAbilityStage.ets` file and add the following code: @@ -255,7 +268,7 @@ export default class MyAbilityStage extends AbilityStage { } ``` -### 6. Open the `entry/src/main/ets/entryability/EntryAbility.ets` file and add the following code (This module always requires manual configuration): +### 2. Open the `entry/src/main/ets/entryability/EntryAbility.ets` file and add the following code (This module always requires manual configuration): Open the `entry/src/main/ets/abilityStage/MyAbilityStage.ets` file and add the following code: @@ -293,7 +306,7 @@ Open the `entry/src/main/module.json5` file and add the following code： ..... ``` -### 7. Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-theme-switch-animation.md b/en/react-native-theme-switch-animation.md index e90720804..50b36360e 100644 --- a/en/react-native-theme-switch-animation.md +++ b/en/react-native-theme-switch-animation.md @@ -122,17 +122,23 @@ export default ReactNativeThemeSwitchAnimationDemo; ## Use Codegen -Version >= @react-native-ohos/react-native-theme-switch-animation@0.6.1, compatible with codegen-lib for generating bridge code. - -If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-theme-switch-animation@0.6.1 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 supporte autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~0.8.1 | No | 0.77 | +| ~0.6.1 | Yes | 0.72 | +| <= 0.6.0-2.1.1@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. -This step provides guidance for manually configuring native dependencies. +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. -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +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 @@ -255,8 +261,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5. Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-thumbnail.md b/en/react-native-thumbnail.md index 87f6fb3c5..5332aa61b 100644 --- a/en/react-native-thumbnail.md +++ b/en/react-native-thumbnail.md @@ -162,18 +162,23 @@ const styles = StyleSheet.create({ ## Use Codegen -Version >= @react-native-ohos/react-native-thumbnail@1.1.4, compatible with codegen-lib for generating bridge code. - -If this repository has been adapted to Codegen, generate the bridge code of the third-party library by using the Codegen. For details, see[ Codegen Usage Guide](/en/codegen.md). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-thumbnail@1.1.4 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 supporte autolink | Supported RN Version | +|---------------------------|-----------------------|----------------------| +| ~1.2.0 | No | 0.77 | +| ~1.1.4 | Yes | 0.72 | +| <= 1.1.3-0.0.1@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. -This step provides guidance for manually configuring native dependencies. +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. -Open the harmony directory of the HarmonyOS project in DevEco Studio. +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 @@ -296,8 +301,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-touch-id.md b/en/react-native-touch-id.md index 89f2cde67..bc27bf389 100644 --- a/en/react-native-touch-id.md +++ b/en/react-native-touch-id.md @@ -14,16 +14,15 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-touch-id) +## Installation and Usage -The repository for this third-party library has been migrated to Gitcode, and it now supports direct download from npm. The new package name is: `@react-native-ohos/react-native-touch-id`. The specific version relationships are as follows: - -| Version | Package Name | Repository | Release |Supported RN Version | -| ------------------------------ | ---------------- | ------------------- | ------------------- | -------------------- | -| <= 4.4.1-0.0.3@deprecated | @react-native-oh-tpl/react-native-touch-id | [Github](https://github.com/react-native-oh-library/react-native-touch-id) | [Github Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases) | 0.72 | -| 4.4.2 | @react-native-ohos/react-native-touch-id | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id) | [GitCode Releases]() | 0.72 | -| 4.5.0 | @react-native-ohos/react-native-touch-id | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id) | [GitCode Releases]() | 0.77 | +Please refer to the Releases page of the third-party library for the corresponding version information -## Installation and Usage +| Version | Release Information |Supported RN Version | +|-----------------------------------|--------------------------------------------| -------------------- | +| <= 4.4.1-0.0.3@deprecated | [@react-native-oh-tpl/react-native-touch-id Releases(deprecated)](https://github.com/react-native-oh-library/react-native-touch-id/releases) | 0.72 | +| 4.4.2 | [@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | 0.72 | +| 4.5.0 | [@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | 0.77 | For older versions not published on npm, please refer to the [Installation Guide](/en/tgz-usage-en.md) to install the tgz package. @@ -93,17 +92,23 @@ export default App; ``` ## Use Codegen -Version >= @react-native-ohos/react-native-touch-id@4.4.2, compatible with codegen-lib for generating bridge code. - -If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-touch-id@4.4.2 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 supporte autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~4.5.0 | No | 0.77 | +| ~4.4.2 | Yes | 0.72 | +| <= 4.4.1-0.0.3@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. -This step provides guidance for manually configuring native dependencies. +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. -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1.Open `entry/oh-package.json5` file and add the following dependencies: @@ -224,8 +229,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5. Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-track-player.md b/en/react-native-track-player.md index ed71f04e0..4565a4d4a 100644 --- a/en/react-native-track-player.md +++ b/en/react-native-track-player.md @@ -14,7 +14,9 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-track-player) -Please refer to the Releases page of the third-party library for the corresponding version information: +## Installation and Usage + +Please refer to the Releases page of the third-party library for the corresponding version information | Third-party Library Version | Release Information | Supported RN Version | | ---------- | ------------------------------------------------------------ | ---------- | @@ -24,8 +26,6 @@ Please refer to the Releases page of the third-party library for the correspondi 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. -## Installation and Usage - Go to the project directory and execute the following instruction: @@ -128,18 +128,23 @@ export default TrackPlayerDemo; ## Use Codegen -Version >= @react-native-ohos/react-native-track-player@4.1.3, compatible with codegen-lib for generating bridge code. - -If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-track-player@4.1.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 supporte autolink | Supported RN Version | +|-------------------------------|-----------------------|----------------------| +| ~4.2.0 | No | 0.77 | +| ~4.1.3 | Yes | 0.72 | +| <= 4.1.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. -This step provides guidance for manually configuring native dependencies. +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. -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +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 @@ -258,8 +263,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5. Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-tts.md b/en/react-native-tts.md index 76d2e765b..df0294c5e 100644 --- a/en/react-native-tts.md +++ b/en/react-native-tts.md @@ -20,10 +20,10 @@ Please refer to the Releases page of the third-party library for the corresponding version information | Third-party Library Version | Release Information | Supported RN Version | -| ---------- | ------------------------------------------------------------ | ---------- | -| <= 4.1.1-0.0.3@deprecated | [@react-native-oh-tpl/react-native-tts Releases(deprecated)](https://github.com/react-native-oh-library/react-native-tts/releases) | 0.72 | -| 4.1.2 | [@react-native-ohos/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases) | 0.72 | -| 4.2.0 | [@react-native-ohos/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases) | 0.77 | +|-----------------------------| ------------------------------------------------------------ | ---------- | +| <= 4.1.1-0.0.3@deprecated | [@react-native-oh-tpl/react-native-tts Releases(deprecated)](https://github.com/react-native-oh-library/react-native-tts/releases) | 0.72 | +| 4.1.3 | [@react-native-ohos/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases) | 0.72 | +| 4.2.0 | [@react-native-ohos/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/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. @@ -189,17 +189,23 @@ const styles = StyleSheet.create({ ## Use Codegen -Version >= @react-native-ohos/react-native-tts@4.1.2, compatible with codegen-lib for generating bridge code. - -If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-tts@4.1.2, 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 supporte autolink | Supported RN Version | +|---------------------------|-----------------------|----------------------| +| ~4.2.0 | No | 0.77 | +| ~4.1.3 | Yes | 0.72 | +| <= 4.1.1-0.0.3@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. -This step provides guidance for manually configuring native dependencies. +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. -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +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 @@ -307,13 +313,13 @@ std::vector> PackageProvider::getPackages(Package::Cont + std::make_shared(ctx) } ``` +
- -### 5. Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-udp.md b/en/react-native-udp.md index f9cc89cdc..45b4050a3 100644 --- a/en/react-native-udp.md +++ b/en/react-native-udp.md @@ -167,18 +167,23 @@ export default App; ## Use Codegen -Version >= @react-native-ohos/react-native-udp@4.1.8, compatible with codegen-lib for generating bridge code. - -If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-udp@4.1.8 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 supporte autolink | Supported RN Version | +|---------------------------|-----------------------|----------------------| +| ~4.2.0 | No | 0.77 | +| ~4.1.8 | Yes | 0.72 | +| <= 4.1.7-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. -This step provides guidance for manually configuring native dependencies. +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. -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +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 @@ -298,8 +303,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5. Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-user-agent.md b/en/react-native-user-agent.md index 1ed9835f0..474c375b6 100644 --- a/en/react-native-user-agent.md +++ b/en/react-native-user-agent.md @@ -95,17 +95,23 @@ export default function UserAgentExample() { ## Use Codegen -Version >= @react-native-ohos/react-native-user-agent@2.3.2, compatible with codegen-lib for generating bridge code. - -If this repository has been adapted to Codegen, generate the bridge code of the third-party library by using the Codegen. For details, see[ Codegen Usage Guide](/en/codegen.md). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-user-agent@2.3.2 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 supporte autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~2.4.0 | No | 0.77 | +| ~2.3.2 | Yes | 0.72 | +| <= 2.3.1-0.0.1@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. -This step provides guidance for manually configuring native dependencies. +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. -Open the harmony directory of the HarmonyOS project in DevEco Studio. +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 @@ -224,8 +230,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.Running +## Running Click the sync button in the upper right corner. diff --git a/en/react-native-version-number.md b/en/react-native-version-number.md index 874600065..181a3ec24 100644 --- a/en/react-native-version-number.md +++ b/en/react-native-version-number.md @@ -68,16 +68,23 @@ export default function () { ## Use Codegen -Version >= @react-native-ohos/react-native-version-number@0.3.7, compatible with codegen-lib for generating bridge code. +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). -If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-version-number@0.3.7, 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 supporte autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~0.4.0 | No | 0.77 | +| ~0.3.7 | Yes | 0.72 | +| <= 0.3.6-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 @@ -184,8 +191,9 @@ std::vector> PackageProvider::getPackages(Package::Cont + std::make_shared(ctx) } ``` +
-### 5. Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-video-cache.md b/en/react-native-video-cache.md index 8980a8cf4..6ec491036 100644 --- a/en/react-native-video-cache.md +++ b/en/react-native-video-cache.md @@ -96,11 +96,19 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/react-native-video-cache@2.7.5 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 supporte autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~2.8.0 | No | 0.77 | +| ~2.7.5 | Yes | 0.72 | +| <= 2.7.4-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 @@ -237,8 +245,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5. Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-video.md b/en/react-native-video.md index 58370c160..2b88cecfc 100644 --- a/en/react-native-video.md +++ b/en/react-native-video.md @@ -458,12 +458,19 @@ export default RNCVideoDemo; ## Link -Version >= @react-native-ohos/react-native-video@6.13.2 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 supporte autolink | Supported RN Version | +|----------------------------------|-----------------------|----------------------| +| ~6.14.0 | No | 0.77 | +| ~6.13.2 | Yes | 0.72 | +| <= 6.13.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 @@ -616,8 +623,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 6.Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-view-pdf.md b/en/react-native-view-pdf.md index 02d47f2b3..7bcef10f0 100644 --- a/en/react-native-view-pdf.md +++ b/en/react-native-view-pdf.md @@ -68,18 +68,23 @@ export function PdfViewExample() { ## Use Codegen -Version >= @react-native-ohos/react-native-view-pdf@0.14.1，compatible with codegen-lib for generating bridge code. - -If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-view-pdf@0.14.1 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 | +|--------------------------------------|-----------------------|----------------------| +| ~0.15.0 | No | 0.77 | +| ~0.14.1 | Yes | 0.72 | +| <=0.14.0-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. -This step provides guidance for manually configuring native dependencies. +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. -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +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 @@ -232,8 +237,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 6. Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-view-shot.md b/en/react-native-view-shot.md index 4ad538e86..9125b0644 100644 --- a/en/react-native-view-shot.md +++ b/en/react-native-view-shot.md @@ -122,12 +122,19 @@ export function ViewShotDemo() { ## Link -Version >= @react-native-ohos/react-native-view-shot@3.8.1 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 | +|------------------------------------|-----------------------|----------------------| +| ~3.9.0 | No | 0.77 | +| ~3.8.1 | Yes | 0.72 | +| <= 3.8.0-0.3.2@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 @@ -236,8 +243,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-vision-camera.md b/en/react-native-vision-camera.md index 6c9523ff7..f7ff6c3d3 100644 --- a/en/react-native-vision-camera.md +++ b/en/react-native-vision-camera.md @@ -100,12 +100,19 @@ export default function VisionCameraDemo() { ## Link -Version >= @react-native-ohos/react-native-vision-camera@4.0.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/en/Autolinking.md +| | Is supported autolink | Supported RN Version | +|----------------------------------|-----------------------|----------------------| +| ~4.7.1 | No | 0.77 | +| ~4.0.3 | Yes | 0.72 | +| <= 4.0.2@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 @@ -257,8 +264,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 6. Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-voice-voice.md b/en/react-native-voice-voice.md index fc214e095..a12c83863 100644 --- a/en/react-native-voice-voice.md +++ b/en/react-native-voice-voice.md @@ -17,6 +17,7 @@ ## Installation and Usage Please refer to the Releases page of the third-party library for the corresponding version information + | Third-party Library Version | Release Information | Supported RN Version | | ---------- | ------------------------------------------------------------ | ---------- | | <= 3.2.4-0.0.5@deprecated | [@react-native-oh-tpl/voice Releases(deprecated)](https://github.com/react-native-oh-library/voice/releases) | 0.72 | @@ -373,18 +374,23 @@ export default VoiceTest; ## Use Codegen -Version >= @react-native-ohos/voice@3.2.5, compatible with codegen-lib for generating bridge code. - -If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/voice@3.2.5 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 | +|--------------------------------------|-----------------------|----------------------| +| ~3.3.0 | No | 0.77 | +| ~3.2.5 | Yes | 0.72 | +| <= 3.2.4-0.0.5@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. -This step provides guidance for manually configuring native dependencies. +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. -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +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 @@ -503,8 +509,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5. Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-wechat-lib.md b/en/react-native-wechat-lib.md index 5635f463e..762705965 100644 --- a/en/react-native-wechat-lib.md +++ b/en/react-native-wechat-lib.md @@ -145,12 +145,18 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/react-native-wechat-lib@3.0.6 now supports Autolink without requiring manual configuration(The content that still needs to be manually configured has been marked in the corresponding title), 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 supporte autolink | Supported RN Version | +|--------------------------------------|----------------------|------------| +| ~3.1.0 | No | 0.77 | +| ~3.0.6 | Yes | 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 @@ -193,59 +199,7 @@ Method 2: Directly link to the source code. > [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md). -### 3. Configuring EntryAbility(This module always requires manual configuration) - -Open `entry\src\main\ets\entryability\EntryAbility.ets` and add the following code: - -```diff -import {RNAbility} from '@rnoh/react-native-openharmony'; -+ import { AbilityConstant, Want } from '@kit.AbilityKit'; -+ import { WechatLibTurboModule } from '@react-native-ohos/react-native-wechat-lib'; - -export default class EntryAbility extends RNAbility { - -+ onCreate(want: Want) { -+ super.onCreate(want) -+ this.handleWeChatCallIfNeed(want) -+ } - - getPagePath() { - return 'pages/Index'; - } - -+ onNewWant(want: Want, _launchParam: AbilityConstant.LaunchParam): void { -+ this.handleWeChatCallIfNeed(want) -+ } - -+ private handleWeChatCallIfNeed(want: Want) { -+ WechatLibTurboModule.handleWant(want) -+ }} - -``` - -### 4. Configuring module.json5 - -open `entry/src/main/module.json5` and add the following code: - -```diff -{ - "module": { - "name": "entry", - "type": "entry", - "description": "$string:module_desc", - "mainElement": "EntryAbility", - "deviceTypes": [ - "default" - ], -+ "querySchemes": [ -+ "weixin", -+ ], - ... - } -} -``` - -### 5. Configuring CMakeLists and Introducing RNWechatLibPackage +### 3. Configuring CMakeLists and Introducing RNWechatLibPackage open `entry/src/main/cpp/CMakeLists.txt` and add the following code: @@ -304,7 +258,7 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 6. Introducing WechatLibPackage to ArkTS +### 4. Introducing WechatLibPackage to ArkTS Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code: @@ -319,8 +273,65 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
+ +## Necessary configuration items + +> [!TIP] The content of this module cannot be automatically generated by autolink and must always be manually configured. + +### 1. Configuring EntryAbility(This module always requires manual configuration) + +Open `entry\src\main\ets\entryability\EntryAbility.ets` and add the following code: + +```diff +import {RNAbility} from '@rnoh/react-native-openharmony'; ++ import { AbilityConstant, Want } from '@kit.AbilityKit'; ++ import { WechatLibTurboModule } from '@react-native-ohos/react-native-wechat-lib'; + +export default class EntryAbility extends RNAbility { + ++ onCreate(want: Want) { ++ super.onCreate(want) ++ this.handleWeChatCallIfNeed(want) ++ } + + getPagePath() { + return 'pages/Index'; + } + ++ onNewWant(want: Want, _launchParam: AbilityConstant.LaunchParam): void { ++ this.handleWeChatCallIfNeed(want) ++ } + ++ private handleWeChatCallIfNeed(want: Want) { ++ WechatLibTurboModule.handleWant(want) ++ }} + +``` + +### 2. Configuring module.json5(This module always requires manual configuration) + +open `entry/src/main/module.json5` and add the following code: + +```diff +{ + "module": { + "name": "entry", + "type": "entry", + "description": "$string:module_desc", + "mainElement": "EntryAbility", + "deviceTypes": [ + "default" + ], ++ "querySchemes": [ ++ "weixin", ++ ], + ... + } +} +``` -### 7. Running +## Running Click the `sync` button in the upper right corner. diff --git a/zh-cn/react-native-text-size.md b/zh-cn/react-native-text-size.md index f937b22df..42d24a9e5 100644 --- a/zh-cn/react-native-text-size.md +++ b/zh-cn/react-native-text-size.md @@ -197,12 +197,19 @@ export default function TextSizeExample() { ## Link -Version >= @react-native-ohos/react-native-text-size@4.0.1，已支持 Autolink，无需手动配置，目前只支持72框架。 -Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|----------------------------|-----------------|------------| +| ~4.1.0 | No | 0.77 | +| ~4.0.1 | Yes | 0.72 | +| <= 4.0.0-0.0.11@deprecated | No | 0.72 | -此步骤为手动配置原生依赖项的指导。 +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md。 -首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 + +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -319,8 +326,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-theme-control.md b/zh-cn/react-native-theme-control.md index 03501c1d1..fb0177682 100644 --- a/zh-cn/react-native-theme-control.md +++ b/zh-cn/react-native-theme-control.md @@ -105,17 +105,23 @@ export function SimpleScreen() { ## 使用 Codegen -Version >= @react-native-ohos/react-native-theme-control@6.0.2，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-theme-control@6.0.2，已支持 Autolink，无需手动配置（仍需手动配置的内容已在对应标题处标记），目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|-------------------------------------|-----------------|------------| +| ~6.1.1 | No | 0.77 | +| ~6.0.2 | Yes | 0.72 | +| <= 6.0.1-1.0.3@deprecated | No | 0.72 | + +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md。 -此步骤为手动配置原生依赖项的指导。 +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 -首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -232,7 +238,13 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 5.在 `entry/src/main/ets/abilityStage` 新建 `MyAbilityStage.ets`（该模块始终需要手动配置） +
+ +## 必要的配置项 + +> [!TIP] 该模块的内容无法通过autolink自动生成，始终需要手动配置。 + +### 1.在 `entry/src/main/ets/abilityStage` 新建 `MyAbilityStage.ets`（该模块始终需要手动配置） 打开 `entry/src/main/ets/abilityStage/MyAbilityStage.ets`，添加： @@ -259,7 +271,7 @@ export default class MyAbilityStage extends AbilityStage { } ``` -### 6.在 entry/src/main/ets/entryability/EntryAbility.ets 配置生命周期调用（该模块始终需要手动配置） +### 2.在 entry/src/main/ets/entryability/EntryAbility.ets 配置生命周期调用（该模块始终需要手动配置） 打开 `entry/src/main/ets/entryability/EntryAbility.ets`，添加： @@ -297,7 +309,7 @@ export default class MyAbilityStage extends AbilityStage { ..... ``` -### 7.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-theme-switch-animation.md b/zh-cn/react-native-theme-switch-animation.md index 3543bb5be..06976884b 100644 --- a/zh-cn/react-native-theme-switch-animation.md +++ b/zh-cn/react-native-theme-switch-animation.md @@ -122,17 +122,23 @@ export default ReactNativeThemeSwitchAnimationDemo; ## 使用 Codegen -Version >= @react-native-ohos/react-native-theme-switch-animation@0.6.1，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-theme-switch-animation@0.6.1，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~0.8.1 | No | 0.77 | +| ~0.6.1 | Yes | 0.72 | +| <= 0.6.0-2.1.1@deprecated | No | 0.72 | + +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md。 -此步骤为手动配置原生依赖项的指导。 +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 -首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -256,8 +262,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-thumbnail.md b/zh-cn/react-native-thumbnail.md index 8d1c62044..7824ded5f 100644 --- a/zh-cn/react-native-thumbnail.md +++ b/zh-cn/react-native-thumbnail.md @@ -162,18 +162,23 @@ const styles = StyleSheet.create({ ## 使用 Codegen -Version >= @react-native-ohos/react-native-thumbnail@1.1.4，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-thumbnail@1.1.4，已支持 Autolink，无需手动配置，目前只支持72框架。 -Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|---------------------------|-----------------|------------| +| ~1.2.0 | No | 0.77 | +| ~1.1.4 | Yes | 0.72 | +| <= 1.1.3-0.0.1@deprecated | No | 0.72 | + +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md。 -此步骤为手动配置原生依赖项的指导。 +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 -首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -295,8 +300,9 @@ std::vector> PackageProvider::getPackages(Package::Cont }; } ``` +
-### 运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-touch-id.md b/zh-cn/react-native-touch-id.md index 3ddecee54..dfaba21a3 100644 --- a/zh-cn/react-native-touch-id.md +++ b/zh-cn/react-native-touch-id.md @@ -14,15 +14,15 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-touch-id) -该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-touch-id`，具体版本所属关系如下： +## 安装与使用 -| Version | Package Name | Repository | Release |Supported RN Version | -| ------------------------------ | ---------------- | ------------------- | ------------------- | -------------------- | -| <= 4.4.1-0.0.3@deprecated | @react-native-oh-tpl/react-native-touch-id | [Github](https://github.com/react-native-oh-library/react-native-touch-id) | [Github Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases) | 0.72 | -| 4.4.2 | @react-native-ohos/react-native-touch-id | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | 0.72 | -| 4.5.0 | @react-native-ohos/react-native-touch-id | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id) | [GitCode Releases]() | 0.77 | +请到三方库的 Releases 发布地址查看配套的版本信息： -## 安装与使用 +| 三方库版本 | 发布信息 |Supported RN Version | +|---------------------------|--------------------------------------------| -------------------- | +| <= 4.4.1-0.0.3@deprecated | [@react-native-oh-tpl/react-native-touch-id Releases(deprecated)](https://github.com/react-native-oh-library/react-native-touch-id/releases) | 0.72 | +| 4.4.2 | [@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | 0.72 | +| 4.5.0 | [@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | 0.77 | 对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 @@ -90,17 +90,23 @@ export default App; ``` ## 使用 Codegen -Version >= @react-native-ohos/react-native-touch-id@4.4.2，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-touch-id@4.4.2，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|---------------------------------------|-----------------|------------| +| ~4.5.0 | No | 0.77 | +| ~4.4.2 | Yes | 0.72 | +| <= 4.4.1-0.0.3@deprecated | No | 0.72 | + +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md。 -此步骤为手动配置原生依赖项的指导。 +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 -首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段 @@ -224,8 +230,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-track-player.md b/zh-cn/react-native-track-player.md index ab0204fab..a2caa0059 100644 --- a/zh-cn/react-native-track-player.md +++ b/zh-cn/react-native-track-player.md @@ -16,7 +16,9 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-track-player) -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： +## 安装与使用 + +请到三方库的 Releases 发布地址查看配套的版本信息： | 三方库版本 | 发布信息 | 支持RN版本 | | ---------- | ------------------------------------------------------------ | ---------- | @@ -26,8 +28,6 @@ 对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 -## 安装与使用 - 进入到工程目录并输入以下命令： @@ -141,18 +141,23 @@ export default TrackPlayerDemo; ## 使用 Codegen -Version >= @react-native-ohos/react-native-track-player@4.1.3，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-track-player@4.1.3，已支持 Autolink，无需手动配置，目前只支持72框架。 -Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|----------------------------------------|-----------------|------------| +| ~4.2.0 | No | 0.77 | +| ~4.1.3 | Yes | 0.72 | +| <= 4.1.2@deprecated | No | 0.72 | + +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md。 -此步骤为手动配置原生依赖项的指导。 +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 -首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -274,8 +279,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-tts.md b/zh-cn/react-native-tts.md index 469a7ac2d..9989afa24 100644 --- a/zh-cn/react-native-tts.md +++ b/zh-cn/react-native-tts.md @@ -21,11 +21,11 @@ 请到三方库的 Releases 发布地址查看配套的版本信息： -| 三方库版本 | 发布信息 | 支持RN版本 | -| ---------- | ------------------------------------------------------------ | ---------- | -| <= 4.1.1-0.0.3@deprecated | [@react-native-oh-tpl/react-native-tts Releases(deprecated)](https://github.com/react-native-oh-library/react-native-tts/releases) | 0.72 | -| 4.1.2 | [@react-native-ohos/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases) | 0.72 | -| 4.2.0 | [@react-native-ohos/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases) | 0.77 | +| 三方库版本 | 发布信息 | 支持RN版本 | +|---------------------------| ------------------------------------------------------------ | ---------- | +| <= 4.1.1-0.0.3@deprecated | [@react-native-oh-tpl/react-native-tts Releases(deprecated)](https://github.com/react-native-oh-library/react-native-tts/releases) | 0.72 | +| 4.1.3 | [@react-native-ohos/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases) | 0.72 | +| 4.2.0 | [@react-native-ohos/react-native-tts Releases](https://github.com/react-native-oh-library/react-native-tts/releases) | 0.77 | 对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 @@ -191,17 +191,23 @@ const styles = StyleSheet.create({ ## 使用 Codegen -Version >= @react-native-ohos/react-native-tts@4.1.2，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-tts@4.1.2，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|---------------------------|-----------------|------------| +| ~4.2.0 | No | 0.77 | +| ~4.1.3 | Yes | 0.72 | +| <= 4.1.1-0.0.3@deprecated | No | 0.72 | + +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md。 -此步骤为手动配置原生依赖项的指导。 +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 -首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -313,8 +319,9 @@ std::vector> PackageProvider::getPackages(Package::Cont + std::make_shared(ctx) } ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-udp.md b/zh-cn/react-native-udp.md index adc3f80f1..71a8f9853 100644 --- a/zh-cn/react-native-udp.md +++ b/zh-cn/react-native-udp.md @@ -166,18 +166,23 @@ export default App; ## 使用 Codegen -Version >= @react-native-ohos/react-native-udp@4.1.8，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-udp@4.1.8，已支持 Autolink，无需手动配置，目前只支持72框架。 -Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|---------------------------|-----------------|------------| +| ~4.2.0 | No | 0.77 | +| ~4.1.8 | Yes | 0.72 | +| <= 4.1.7-0.0.2@deprecated | No | 0.72 | + +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md。 -此步骤为手动配置原生依赖项的指导。 +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 -首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -300,8 +305,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-user-agent.md b/zh-cn/react-native-user-agent.md index 07ba28b0c..fc2aedb2f 100644 --- a/zh-cn/react-native-user-agent.md +++ b/zh-cn/react-native-user-agent.md @@ -93,17 +93,23 @@ export default function UserAgentExample() { ## 使用 Codegen -Version >= @react-native-ohos/react-native-user-agent@2.3.2，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-user-agent@2.3.2，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~2.4.0 | No | 0.77 | +| ~2.3.2 | Yes | 0.72 | +| <= 2.3.1-0.0.1@deprecated | No | 0.72 | + +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md。 -此步骤为手动配置原生依赖项的指导。 +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 -首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -222,8 +228,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-version-number.md b/zh-cn/react-native-version-number.md index 26bc5608b..41111c113 100644 --- a/zh-cn/react-native-version-number.md +++ b/zh-cn/react-native-version-number.md @@ -70,17 +70,23 @@ export default function () { ## 使用 Codegen -Version >= @react-native-ohos/react-native-version-number@0.3.7，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-version-number@0.3.7，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|-------------------------------------|-----------------|------------| +| ~0.4.0 | No | 0.77 | +| ~0.3.7 | Yes | 0.72 | +| <= 0.3.6-0.0.1@deprecated | No | 0.72 | + +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md。 -此步骤为手动配置原生依赖项的指导。 +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 -首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -192,10 +198,10 @@ std::vector> PackageProvider::getPackages(Package::Cont + std::make_shared(ctx) } ``` +
- -### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-video-cache.md b/zh-cn/react-native-video-cache.md index 331ea87fe..70b1ea6d1 100644 --- a/zh-cn/react-native-video-cache.md +++ b/zh-cn/react-native-video-cache.md @@ -96,11 +96,19 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/react-native-video-cache@2.7.5，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~2.8.0 | No | 0.77 | +| ~2.7.5 | Yes | 0.72 | +| <= 2.7.4-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 打开项目里的 HarmonyOS 工程 `harmony` +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 + +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段 @@ -239,8 +247,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-video.md b/zh-cn/react-native-video.md index cd8972b7b..b9dbb3b69 100644 --- a/zh-cn/react-native-video.md +++ b/zh-cn/react-native-video.md @@ -459,11 +459,19 @@ export default RNCVideoDemo; ## Link -Version >= @react-native-ohos/react-native-video@6.13.2，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|-------------------------------------|-----------------|------------| +| ~6.14.0 | No | 0.77 | +| ~6.13.2 | Yes | 0.72 | +| <= 6.13.1@deprecated | No | 0.72 | -此步骤为手动配置原生依赖项的指导。 +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md。 -首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 + +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -621,8 +629,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 6.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-view-pdf.md b/zh-cn/react-native-view-pdf.md index aea62237a..313de8c6d 100644 --- a/zh-cn/react-native-view-pdf.md +++ b/zh-cn/react-native-view-pdf.md @@ -68,17 +68,23 @@ export function PdfViewExample() { ## 使用 Codegen -Version >= @react-native-ohos/react-native-view-pdf@0.14.1，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-view-pdf@0.14.1，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~0.15.0 | No | 0.77 | +| ~0.14.1 | Yes | 0.72 | +| <=0.14.0-0.0.2@deprecated | No | 0.72 | + +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md。 -此步骤为手动配置原生依赖项的指导。 +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 -首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony` +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json` 添加 overrides 字段 @@ -235,8 +241,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 6.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-view-shot.md b/zh-cn/react-native-view-shot.md index 1d8c324b9..11a43d2ba 100644 --- a/zh-cn/react-native-view-shot.md +++ b/zh-cn/react-native-view-shot.md @@ -120,11 +120,19 @@ export function ViewShotDemo() { ## Link -Version >= @react-native-ohos/react-native-view-shot@3.8.1，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|---------------------------|-----------------|------------| +| ~3.9.0 | No | 0.77 | +| ~3.8.1 | Yes | 0.72 | +| <= 3.8.0-0.3.2@deprecated | No | 0.72 | -此步骤为手动配置原生依赖项的指导。 +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md。 -首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 + +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -236,7 +244,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` -### 5.运行 +
+ +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-vision-camera.md b/zh-cn/react-native-vision-camera.md index 526522c24..17d64ab90 100644 --- a/zh-cn/react-native-vision-camera.md +++ b/zh-cn/react-native-vision-camera.md @@ -101,11 +101,19 @@ export default function VisionCameraDemo() { ## Link -Version >= @react-native-ohos/react-native-vision-camera@4.0.3，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|----------------------------------|-----------------|------------| +| ~4.7.1 | No | 0.77 | +| ~4.0.3 | Yes | 0.72 | +| <= 4.0.2@deprecated | No | 0.72 | -此步骤为手动配置原生依赖项的指导。 +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md。 -首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 + +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -259,8 +267,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 6.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-voice-voice.md b/zh-cn/react-native-voice-voice.md index e23a1e4da..45ecb14e9 100644 --- a/zh-cn/react-native-voice-voice.md +++ b/zh-cn/react-native-voice-voice.md @@ -367,18 +367,23 @@ export default VoiceTest; ``` ## 使用 Codegen -Version >= @react-native-ohos/voice@3.2.5，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/voice@3.2.5，已支持 Autolink，无需手动配置，目前只支持72框架。 -Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|---------------------------------------|-----------------|------------| +| ~3.3.0 | No | 0.77 | +| ~3.2.5 | Yes | 0.72 | +| <= 3.2.4-0.0.5@deprecated | No | 0.72 | + +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md。 -此步骤为手动配置原生依赖项的指导。 +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 -首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -500,8 +505,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-wechat-lib.md b/zh-cn/react-native-wechat-lib.md index 314e20113..c03f20e32 100644 --- a/zh-cn/react-native-wechat-lib.md +++ b/zh-cn/react-native-wechat-lib.md @@ -145,11 +145,18 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/react-native-wechat-lib@3.0.6，已支持 Autolink，无需手动配置（仍需手动配置的内容已在对应标题处标记），目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~3.1.0 | No | 0.77 | +| ~3.0.6 | Yes | 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 字段 @@ -195,59 +202,7 @@ ohpm install > [!TIP] 如需使用直接链接源码，请参考[直接链接源码说明](/zh-cn/link-source-code.md) -### 3.配置 EntryAbility（该模块始终需要手动配置） - -鸿蒙工程下 EntryAbility，一般位于 `entry\src\main\ets\entryability\EntryAbility.ets` - -```diff -import {RNAbility} from '@rnoh/react-native-openharmony'; -+ import { AbilityConstant, Want } from '@kit.AbilityKit'; -+ import { WechatLibTurboModule } from '@react-native-ohos/react-native-wechat-lib'; - -export default class EntryAbility extends RNAbility { - -+ onCreate(want: Want) { -+ super.onCreate(want) -+ this.handleWeChatCallIfNeed(want) -+ } - - getPagePath() { - return 'pages/Index'; - } - -+ onNewWant(want: Want, _launchParam: AbilityConstant.LaunchParam): void { -+ this.handleWeChatCallIfNeed(want) -+ } - -+ private handleWeChatCallIfNeed(want: Want) { -+ WechatLibTurboModule.handleWant(want) -+ }} - -``` - -### 4.配置 module.json5 - -打开 `entry/src/main/module.json5`，添加： - -```diff -{ - "module": { - "name": "entry", - "type": "entry", - "description": "$string:module_desc", - "mainElement": "EntryAbility", - "deviceTypes": [ - "default" - ], -+ "querySchemes": [ -+ "weixin", -+ ], - ... - } -} -``` - -### 5.配置 CMakeLists 和引入 RNWechatLibPackage +### 3.配置 CMakeLists 和引入 RNWechatLibPackage 打开 `entry/src/main/cpp/CMakeLists.txt`，添加： @@ -306,7 +261,7 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 6.在 ArkTs 侧引入 WechatLibPackage +### 4.在 ArkTs 侧引入 WechatLibPackage 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加： @@ -321,8 +276,65 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
+ +## 必要的配置项 + +> [!TIP] 该模块的内容无法通过autolink自动生成，始终需要手动配置。 + +### 1.配置 EntryAbility（该模块始终需要手动配置） + +鸿蒙工程下 EntryAbility，一般位于 `entry\src\main\ets\entryability\EntryAbility.ets` + +```diff +import {RNAbility} from '@rnoh/react-native-openharmony'; ++ import { AbilityConstant, Want } from '@kit.AbilityKit'; ++ import { WechatLibTurboModule } from '@react-native-ohos/react-native-wechat-lib'; + +export default class EntryAbility extends RNAbility { + ++ onCreate(want: Want) { ++ super.onCreate(want) ++ this.handleWeChatCallIfNeed(want) ++ } + + getPagePath() { + return 'pages/Index'; + } + ++ onNewWant(want: Want, _launchParam: AbilityConstant.LaunchParam): void { ++ this.handleWeChatCallIfNeed(want) ++ } + ++ private handleWeChatCallIfNeed(want: Want) { ++ WechatLibTurboModule.handleWant(want) ++ }} + +``` + +### 2.配置 module.json5（该模块始终需要手动配置） + +打开 `entry/src/main/module.json5`，添加： + +```diff +{ + "module": { + "name": "entry", + "type": "entry", + "description": "$string:module_desc", + "mainElement": "EntryAbility", + "deviceTypes": [ + "default" + ], ++ "querySchemes": [ ++ "weixin", ++ ], + ... + } +} +``` -### 7.运行 +## 运行 点击右上角的 `sync` 按钮 -- Gitee