diff --git a/en/react-native-text-size.md b/en/react-native-text-size.md index 501307c8ecf231f3857b1d16c375d169bb183722..d9562b4544fa95fb6502f86cfb7d83da6ddf7017 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 52bfd35027a1ca3a679ef0b7748117c098464d8c..1a617004958ac7461735fbe160503c05ebc6dec6 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 e9072080419ac5332b604e8ba76bda2c697c5f2a..50b36360ea19f7f839db27f9aa13e087e36a47e9 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 87f6fb3c502f134982eb7662c097bbb3a05022b7..5332aa61ba3ba11aae9caaed5a906fecdc68107f 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 89f2cde674b91ab875d8f022ca34c1d1b7d39376..bc27bf3891f39443b80ea69e05c95a539aa4512e 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 ed71f04e0c022c15db76180d819965c7b5336dc2..4565a4d4a43f105c7c05fd83f33618ba13d91440 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 76d2e765bf3acb530ba2ee427e7503cc0ff2b3a8..df0294c5edf0a0209343fdb61215267770741240 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 f9cc89cdcafcae35652ebf8a0a1b9c95a34b736e..45b4050a320b2aa0fec5371d1557b920d65137a5 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 1ed9835f04d0abd0841e10a082e1bae57b97bbf6..474c375b6ace3369df8cdefd2acbb2735b3cde19 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 8746000657342396fee4f9b74463bb40afa7cd2c..181a3ec24a04fb8c14e339101acf44fd90894fd9 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 8980a8cf4cbe75d3f677fad5625856c359442a12..6ec4910364921baafce3d8aad42165c3e101dbb0 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 58370c160aab77bc0114266f8ad4d9ce319157c2..2b88cecfcde5ad062c9033ff1b0c3f8d4ae82ba2 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 02d47f2b32b5652cfe9437a5bd5305709a367e2e..7bcef10f0f8180846df47e49fb51589130955abb 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 4ad538e864fe039b77923655092dd9adce00203f..9125b06444769353501601f54cd99795b302265f 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 6c9523ff7a28768966aee40ae1b793a1dd92d704..f7ff6c3d3c3b880e018714b3a3b0cac29d20dab0 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 fc214e095c8ad6e063de8335fd35f932babdd9c3..a12c83863305e02b63c0fa7ea13f4f06376d4f0b 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 5635f463ed8059a1e6bd5be6ddee2b7f80089811..7627059650f9622182f4cabb907310b57251ec8d 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 f937b22df5a591caef535d89dd6dbdc0818dc8c9..42d24a9e5542324fd300784876b16a344c94b46e 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 03501c1d1afbf63ddd105d6574c9a634b9d8da15..fb017768240a7fb4cf93d0ac8439507d22779fd4 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 3543bb5bef4334292a5e12280082cb36cb2f6320..06976884b995f13751d31f2e01efecf24a1154ec 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 8d1c620444cf49dc7d527d00dfc9880468c880db..7824ded5f765435e375e4df5a3967ea58f0b27ca 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 3ddecee54219535f02670bab63822e8d4045d203..dfaba21a3c9f6b406121031c277e3163ba0924c3 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 ab0204fab512f4bdc0f0e660b7ca73dfc8291357..a2caa0059739a93be5c1a34e8493a8ac2d5767a2 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 469a7ac2d4d53331c8454bbdc4c273237843237c..9989afa24e93ec71336e20b149796386a22e7808 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 adc3f80f1cc6379e479efd91462abda198da0938..71a8f98534d0fa818d2bb5a9c5d587bd9cd5526c 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 07ba28b0c5d6a90b820cfce2b0d03a94485b3648..fc2aedb2fa8c193941ad5729e013af168e1936d1 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 26bc5608bd00075f29769172908f77759ef75fad..41111c1139e89ead3d88e5cfa94773afd50b6640 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 331ea87fe0140ec4155a32ca1cfe621f2cefcf3f..70b1ea6d18d91ef1b292ce77a93bbf87c95ede9c 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 cd8972b7b0c563efb22c81563e797c9380720359..b9dbb3b6953e0b4bd844caf855606f5b856837b8 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 aea62237a5e3c29bbc2c5877b944f6f866767de0..313de8c6dceddbd00260a4e52c551203e78c0739 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 1d8c324b9ae25caa0ceaca2d4829b6326f1db263..11a43d2ba10535ed4086dee2e27b1e4c25c4cb3b 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 526522c24b2ce59ccad80a28e2b0aadeb89cb242..17d64ab90f3a60437b0abccb84fe891a6cc083bd 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 e23a1e4dae1353793534ab45939f37326031b080..45ecb14e9c8e4d9c114f727ca64cfcd85d4e5d9f 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 314e20113f16cd87785ac6b81f98e3ebec536215..c03f20e32deaa754a83927c63950be82a4f35659 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` 按钮