diff --git a/en/react-native-camera-kit.md b/en/react-native-camera-kit.md index 2e50768f33ff0e25b4fcbb0c2631909d0bbf5915..5557d3304b3e03ea659a1a84753997da939db651 100644 --- a/en/react-native-camera-kit.md +++ b/en/react-native-camera-kit.md @@ -159,15 +159,21 @@ const styles = StyleSheet.create({ ``` ## Use Codegen -Version >= @react-native-ohos/react-native-camera-kit@14.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-camera-kit@14.0.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 supported autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~15.1.1 | No | 0.77 | +| ~14.0.2 | Yes | 0.72 | +| <= 14.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. @@ -307,8 +313,9 @@ std::vector> PackageProvider::getPackages(Package::Cont + std::make_shared(ctx) } ``` +
-### 6. Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-cardview.md b/en/react-native-cardview.md index 35fc922f99d572e20846d5918fb2cd73fa083b95..e851898174594078a2493c26dd66b8c1d55e15c2 100644 --- a/en/react-native-cardview.md +++ b/en/react-native-cardview.md @@ -119,7 +119,17 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/react-native-cardview@2.0.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 supported autolink | Supported RN Version | +|--------------------------------------|-----------------|------------| +| ~2.1.0 | No | 0.77 | +| ~2.0.4 | Yes | 0.72 | +| <= 2.0.3-0.0.2@deprecated | No | 0.72 | + +Using AutoLink need to be configured according to this document, Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md. + +If the version you use supports Autolink and the project has been connected to Autolink, skip the ManualLink configuration. +
+ ManualLink: this step is a guide to manually configure native dependencies. This step provides guidance for manually configuring native dependencies. @@ -244,8 +254,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-clipboard-clipboard.md b/en/react-native-clipboard-clipboard.md index 0bc03233d900174d9a0be60c342ba8f322c34694..b2b76b65559a4117d8b7cce186b374d798fc9f07 100644 --- a/en/react-native-clipboard-clipboard.md +++ b/en/react-native-clipboard-clipboard.md @@ -131,6 +131,18 @@ export default App; ## Link +| | Is supported autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~1.16.3 | No | 0.77 | +| ~1.13.3 | Yes | 0.72 | +| <= 1.13.2-0.0.10@deprecated | No | 0.72 | + +Using AutoLink need to be configured according to this document, Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md. + +If the version you use supports Autolink and the project has been connected to Autolink, skip the ManualLink configuration. +
+ ManualLink: this step is a guide to manually configure native dependencies. + Version >= @react-native-ohos/clipboard1.13.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 @@ -261,8 +273,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-clippath-capi.md b/en/react-native-clippath-capi.md index bff6fbe612ce451b6bfd82ad0fca4d0f2e27e04e..4cadaf270db7ee4fc2d464cb3c18093f2d411f0c 100644 --- a/en/react-native-clippath-capi.md +++ b/en/react-native-clippath-capi.md @@ -71,9 +71,17 @@ export default function index() { ## Link -Version >= @react-native-ohos/react-native-clippathview@1.1.9 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 | +|--------------------------------------|-----------------------|----------------------| +| ~1.2.0 | No | 0.77 | +| ~1.1.9 | Yes | 0.72 | +| <= 1.1.8-0.1.6@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. + +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. @@ -188,8 +196,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-code-push.md b/en/react-native-code-push.md index 049575e0c61590accb52242a56f795ade56f9080..b6afc8635d197ada1fbb3d73a8e4d4b297435499 100644 --- a/en/react-native-code-push.md +++ b/en/react-native-code-push.md @@ -202,16 +202,21 @@ export default CodePush(codePushOptions)(App); ## Use Codegen -Version >= @react-native-ohos/react-native-code-push@8.2.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](/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-code-push@8.2.3 now supports Autolink without requiring manual configuration, currently only supports 72 frameworks. -Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | Is supported autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~9.0.2 | No | 0.77 | +| ~8.2.3 | Yes | 0.72 | +| <= 8.2.2-0.0.10@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. @@ -272,7 +277,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### Configuring CMakeLists and Introducing CodePushPackage +### 4. Configuring CMakeLists and Introducing CodePushPackage > If you are using version <= 8.2.2-0.0.10, please skip this chapter. @@ -334,7 +339,7 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 4. Introduce the comparingVersion method on the ArkTs side +### 5. Introduce the comparingVersion method on the ArkTs side Open `entry/src/main/ets/pages/index.ets` and invoke the comparingVersion method to compare the code-push version number to clear historical sandbox resources during installation. @@ -350,8 +355,9 @@ struct Index { } } ``` +
-### 5. Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-color-matrix-image-filters.md b/en/react-native-color-matrix-image-filters.md index d7ab748942900dc7c3c1f25db7eb0ab6514cd5e9..4002dc58966f4b626fcaa9648c3a7db3a03f042c 100644 --- a/en/react-native-color-matrix-image-filters.md +++ b/en/react-native-color-matrix-image-filters.md @@ -86,10 +86,17 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/react-native-color-matrix-image-filters@6.0.6 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 | +|--------------------------------------|-----------------------|----------------------| +| ~7.0.3 | No | 0.77 | +| ~6.0.6 | Yes | 0.72 | +| <= 6.0.5-0.0.4@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. + +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. @@ -211,8 +218,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-community-blur.md b/en/react-native-community-blur.md index 64d7d616ace10d68da6d259aec210d42ef280115..ec64b5ff94983879c97714c97f87433fb9d7629f 100644 --- a/en/react-native-community-blur.md +++ b/en/react-native-community-blur.md @@ -210,10 +210,17 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/blur@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 supported autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~4.5.0 | No | 0.77 | +| ~4.4.2 | Yes | 0.72 | +| <= 4.4.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. + +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. @@ -311,7 +318,7 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 4.Introducing BlurView Component to ArkTS (Skip this configuration step when using version 4.4.0-0.1.0 or later.) +### 4.Introducing BlurView Component to ArkTS Find `function buildCustomRNComponent()`, which is usually located in `entry/src/main/ets/pages/index.ets` or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code: @@ -343,8 +350,9 @@ const arkTsComponentNames: Array = [ + BLUR_TYPE ]; ``` +
-### 5.Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-community-checkbox.md b/en/react-native-community-checkbox.md index e7b77461d159fc1cbf82b80892c16be507b1057b..648d6363020260f1c19417588ed6c9ee24df04ea 100644 --- a/en/react-native-community-checkbox.md +++ b/en/react-native-community-checkbox.md @@ -65,12 +65,19 @@ export default function CheckBoxExample() { } ``` -## 2. Manual Link +## 2. Link -Version >= @react-native-ohos/checkbox@0.5.17 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.6.0 | No | 0.77 | +| ~0.5.17 | Yes | 0.72 | +| <= 0.5.16-0.1.0@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. + +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. @@ -223,8 +230,9 @@ const arkTsComponentNames: Array = [ + CHECKBOX_TYPE ]; ``` +
-### 2.6. Running +## 3. Running Click the `sync` button in the upper right corner. @@ -237,9 +245,9 @@ ohpm install Then build and run the code. -## 3. Constraints +## 4. Constraints -### 3.1. Compatibility +### 4.1. Compatibility To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. @@ -249,7 +257,7 @@ Verified in the following versions. 2. RNOH: 0.72.33; SDK: HarmonyOS NEXT B1; IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71; 3. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112; -## 4. Properties +## 5. Properties > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android. @@ -277,7 +285,7 @@ Verified in the following versions. | `onAnimationType` | The type of animation to use when the checkbox gets checked. Default to 'stroke'. | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade' | No | iOS | No | | `offAnimationType` | The type of animation to use when the checkbox gets unchecked. 'stroke'. | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade' | No | iOS | No | -## 5. Static Methods +## 6. Static Methods > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library. @@ -288,7 +296,7 @@ Verified in the following versions. | `onChange` | Invoked on change with the native event. | function | No | Android、iOS | yes | | `onValueChange` | Invoked with the new boolean value when it changes. | function | No | Android、iOS | yes | -## 6. Known Issues +## 7. Known Issues - [x] Set the lineWidth attribute, which is used to control the line width of the check box. It is not implemented in HarmonyOS. [issue#3](https://github.com/react-native-oh-library/react-native-checkbox/issues/3) - [ ] Set the hideBox attribute, which is used to control the display and hiding of the check box. It is not implemented in HarmonyOS. [issue#4](https://github.com/react-native-oh-library/react-native-checkbox/issues/4) @@ -298,8 +306,8 @@ Verified in the following versions. - [ ] Set the onAnimationType attribute, which is used to control the animation type when selected. HarmonyOS is not implemented. [issue#7](https://github.com/react-native-oh-library/react-native-checkbox/issues/7) - [ ] Set the offAnimationType attribute. This attribute is used to control the animation type when deselecting. It is not implemented in HarmonyOS. [issue#8](https://github.com/react-native-oh-library/react-native-checkbox/issues/8) -## 7. Others +## 8. Others -## 8. License +## 9. License This project is licensed under [The MIT License (MIT)](https://github.com/react-native-checkbox/react-native-checkbox/blob/develop/LICENSE). diff --git a/en/react-native-community-datetimepicker.md b/en/react-native-community-datetimepicker.md index 7dfe475ec2ee092fd2dd4a102237f4afcfaef523..f42275a107911234461c5599972b7c7094c6ccb3 100644 --- a/en/react-native-community-datetimepicker.md +++ b/en/react-native-community-datetimepicker.md @@ -102,10 +102,17 @@ export const MDatetimepicker = () => { ## Link -Version >= @react-native-ohos/datetimepicker@7.6.3 now supports Autolink without requiring manual configuration, currently only supports 72 frameworks. Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | Is supported autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~8.4.3 | No | 0.77 | +| ~7.6.3 | Yes | 0.72 | +| <= 7.6.2-0.1.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. +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. @@ -249,8 +256,9 @@ const arkTsComponentNames: Array = [ + DATETIME_PICKER_VIEW_TYPE ]; ``` +
-### 5.Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-community-geolocation.md b/en/react-native-community-geolocation.md index 6bd9a4170af21f3e3c89143b9adb7e57e0eda4da..410406d7a59e0014735de6cdd22d95e5797469a4 100644 --- a/en/react-native-community-geolocation.md +++ b/en/react-native-community-geolocation.md @@ -70,10 +70,17 @@ export function GeolocationDemo(): JSX.Element { ## Link -Version >= @react-native-ohos/react-native-geolocation@3.1.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.4.1 | No | 0.77 | +| ~3.1.1 | Yes | 0.72 | +| <= 3.1.0-0.0.7@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. + +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. @@ -193,8 +200,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-community-progress-bar-android.md b/en/react-native-community-progress-bar-android.md index 8e9dc8dd3ac93babf255c0baefacdf4218b7dd5a..b0bc2ca3d66465a63a2486a86d6aa746c936ab82 100644 --- a/en/react-native-community-progress-bar-android.md +++ b/en/react-native-community-progress-bar-android.md @@ -63,9 +63,17 @@ export default function ProgressBarExample() { ## Link -Version >= @react-native-ohos/progress-bar-android@1.0.6 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 | +|--------------------------------------|-----------------------|----------------------| +| ~1.1.0 | No | 0.77 | +| ~1.0.6 | Yes | 0.72 | +| <= 1.0.4-0.1.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. + +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. @@ -207,8 +215,9 @@ const arkTsComponentNames: Array = [ + PROGRESS_BAR_TYPE ]; ``` +
-### 5.Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-community-progress-view.md b/en/react-native-community-progress-view.md index fdea551f62d22da40ea7a5d0d5e410068d704204..ff7776be8f223f3a03a9c6355716f2677f2f2600 100644 --- a/en/react-native-community-progress-view.md +++ b/en/react-native-community-progress-view.md @@ -7,7 +7,7 @@ > [!TIP] [Github address](https://github.com/react-native-oh-library/progress-view) -## Installation and Usage +## 1. Installation and Usage Please refer to the Releases page of the third-party library for the corresponding version information @@ -57,12 +57,19 @@ export default function ProgressViewExample() { } ``` -## 2. Manual Link +## 2. Link -Version >= @react-native-ohos/progress-view@1.4.3 now supports Autolink without requiring manual configuration, currently only supports 72 frameworks. -Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | Is supported autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~1.5.0 | No | 0.77 | +| ~1.4.3 | Yes | 0.72 | +| <= 1.4.2-0.0.8@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. + +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. @@ -212,8 +219,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 2.5 Running +## 3. Running Click the `sync` button in the upper right corner. @@ -226,9 +234,9 @@ ohpm install Then build and run the code. -## 3. Constraints +## 4. Constraints -### 3.1 Compatibility +### 4.1 Compatibility To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. @@ -238,7 +246,7 @@ Verified in the following versions. 2. RNOH: 0.72.33; SDK: HarmonyOS NEXT B1; IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71; 3. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112; -## 4. Properties +## 5. Properties > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library. @@ -254,12 +262,12 @@ Verified in the following versions. | `progressViewStyle` | The progress bar style. Network images only work on Windows. | enum('default', 'bar') | No | All | No | | `isIndeterminate` | Turns progress bar into an indeterminate progress bar. | bool | No | Windows | Partially | -## 5. Known Issues +## 6. Known Issues - [ ] Some interfaces in the original library do not have corresponding properties and interface processing logic in HarmonyOS. Problem: [issue#1](https://github.com/react-native-oh-library/progress-view/issues/5) -## 6. Others +## 7. Others -## 7. License +## 8. License This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_progress-view/blob/master/LICENSE). diff --git a/en/react-native-community-push-notification-ios.md b/en/react-native-community-push-notification-ios.md index 02e8ec72471247e5365262c5e50a14cea12c2da0..10c67f4a39ac071e4d97dcae0fa470e491d69ca1 100644 --- a/en/react-native-community-push-notification-ios.md +++ b/en/react-native-community-push-notification-ios.md @@ -163,12 +163,19 @@ export const App = () => { }; ``` -## 2. Manual Link +## 2. Link -Version >= @react-native-ohos/push-notification-ios@1.11.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 supported autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~1.12.0 | No | 0.77 | +| ~1.11.2 | Yes | 0.72 | +| <= 1.11.0-0.1.3@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. + +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. @@ -269,7 +276,13 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 2.5. Introducing PushNotificationModule to ArkTS (This module always requires manual configuration) +
+ +## 3. Necessary configuration items + +> [!TIP] The content of this module cannot be automatically generated by autolink and must always be manually configured. + +### 3.1. Introducing PushNotificationModule to ArkTS (This module always requires manual configuration) Open the `entry/src/main/ets/entryability/EntryAbility.ets`，file and add the following code： @@ -282,7 +295,8 @@ onNewWant(want: Want, _launchParam: AbilityConstant.LaunchParam): void { } ``` -### 2.6. Running + +## 4. Running Click the `sync` button in the upper right corner. @@ -295,9 +309,9 @@ ohpm install Then build and run the code. -## 3. Constraints +## 5. Constraints -### 3.1. Compatibility +### 5.1. Compatibility To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. @@ -308,7 +322,7 @@ Verified in the following versions. 3. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112; -## 4. API +## 6. API > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library. @@ -329,7 +343,7 @@ Verified in the following versions. | getInitialNotification | This method returns a promise. If the app was launched by a push notification, this promise resolves to an object of type PushNotificationIOS. Otherwise, it resolves to null. | function | no | iOS | no | | getScheduledLocalNotifications | Gets the local notifications that are currently scheduled | function | no | iOS | no | -## 5. Properties +## 7. Properties > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library. @@ -358,13 +372,13 @@ _NotificationRequest:_ | `isTimeZoneAgnostic` | If true, fireDate adjusted automatically upon time zone changes (e.g. for an alarm clock) | boolean | no | All | no | | `interruptionLevel` | A string specifying the interruption level. Valid values are `'active'`, `'passive'`, `'timeSensitive'`, or `'critical'` | string | no | All | no | -## 6. Known Issues +## 8. Known Issues - [ ] The **NotificationManager** specifications of HarmonyOS are different from those of iOS. Some parameters contained in **NotificationRequest** are not adapted to HarmonyOS: [issue#1](https://github.com/react-native-oh-library/react-native-push-notification-ios/issues/4). - [ ] Some APIs in the source library do not have the corresponding API processing logic on HarmonyOS: [issue#2](https://github.com/react-native-oh-library/react-native-push-notification-ios/issues/3). -## 7. Others +## 9. Others -## 8. License +## 10. License This project is licensed under [The MIT License (MIT)](https://github.com/react-native-push-notification/ios/blob/master/LICENSE). diff --git a/en/react-native-community-slider.md b/en/react-native-community-slider.md index bbcef89697d576e6add6a341abc6fcc1d5e9947e..3b3851c64fbad8dba0bef583c6e7e1e621e751fb 100644 --- a/en/react-native-community-slider.md +++ b/en/react-native-community-slider.md @@ -71,9 +71,17 @@ export default function SliderExample() { ## Link -Version >= @react-native-ohos/slider@4.4.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 supported autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~5.0.1 | No | 0.77 | +| ~4.4.4 | Yes | 0.72 | +| <= 4.4.3-0.3.4@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. + +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. @@ -204,8 +212,9 @@ const arkTsComponentNames: Array = [ + SLIDER_TYPE ]; ``` +
-### 5.Running +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-community-toolbar-android.md b/en/react-native-community-toolbar-android.md index 55e89c79728b9781f6b2516f24309f728b2c5bed..05bd62cee32b98f6e79fa294c9026ae9aecbf041 100644 --- a/en/react-native-community-toolbar-android.md +++ b/en/react-native-community-toolbar-android.md @@ -117,11 +117,19 @@ const styles = StyleSheet.create({ export default App; ``` -## 2. Manual Link +## 2. Link -Version >= @react-native-ohos/toolbar-android@0.2.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 supported autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~0.3.0 | No | 0.77 | +| ~0.2.2 | Yes | 0.72 | +| <= 0.2.1-0.0.4@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. + +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, you need to open the HarmonyOS project `harmony` within your project using DevEco Studio. @@ -277,8 +285,9 @@ const arkTsComponentNames: Array = [ + RNCToolbarAndroid.NAME ]; ``` +
-### 2.6. Run +## 3. Running Click the `sync` button in the top right corner. @@ -291,9 +300,9 @@ ohpm install Then compile and run. -## 3. Constraints & Limitations +## 4. Constraints & Limitations -### 3.1 Compatibility +### 4.1 Compatibility To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. @@ -303,7 +312,7 @@ Verified in the following versions. 2. RNOH: 0.72.33; SDK: HarmonyOS NEXT B1; IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71; 3. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112; -## 4. Props +## 5. Props > [!TIP] The "Platform" column indicates the platforms supported by the original third-party library for that property. @@ -327,7 +336,7 @@ Inherits [View Props](https://reactnative.dev/docs/view#props). | title | Sets the toolbar title. | string | No | Android | Yes | | titleColor | Sets the toolbar title color. | string | No | Android | Yes | -#### 4.1. Props of ImageSource +#### 5.1. Props of ImageSource | Name | Description | Type | Required | Platform | HarmonyOS Support | |------|---------------------------------------------------------------------------------------------------------------------------------------|--------|----------|----------|-------------------| @@ -335,10 +344,10 @@ Inherits [View Props](https://reactnative.dev/docs/view#props). | width | the width of the image | number | No | android | Yes | | height | the height of the image | number | No | android | Yes | -## 5. Known Issues +## 6. Known Issues -## 6. Others +## 7. Others -## 7. License +## 8. License This project is based on [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_toolbar-android/blob/master/LICENSE). Feel free to enjoy and contribute to open source. \ No newline at end of file diff --git a/en/react-native-compass-heading.md b/en/react-native-compass-heading.md index be57b6bdf222c5fda8abae827dc22d045feabf66..e16376738173bd04b65455c057e0f5b195e0e8d4 100644 --- a/en/react-native-compass-heading.md +++ b/en/react-native-compass-heading.md @@ -107,16 +107,21 @@ const styles = StyleSheet.create({ ## Use Codegen -Version >= @react-native-ohos/react-native-compass-heading@1.5.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-compass-heading@1.5.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 | +|--------------------------------------|-----------------------|----------------------| +| ~2.0.3 | No | 0.77 | +| ~1.5.1 | Yes | 0.72 | +| <= 1.5.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. @@ -229,8 +234,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-contacts.md b/en/react-native-contacts.md index c6542cae31922cdba4af743f4f2e24f57f073e2a..0cb1a5d858a02a2c4960c082a0c4212c766fa3b1 100644 --- a/en/react-native-contacts.md +++ b/en/react-native-contacts.md @@ -340,16 +340,21 @@ export const ContactsDemo = () => { ## Use Codegen -Version >= @react-native-ohos/react-native-contacts@7.0.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-contacts@7.0.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 supported autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~8.0.7 | No | 0.77 | +| ~7.0.8 | Yes | 0.72 | +| <= 7.0.7-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. @@ -471,8 +476,9 @@ std::vector> PackageProvider::getPackages(Package::Cont }; } ``` +
-### 4. Running +## Running Click the `sync` button in the upper right corner. diff --git a/zh-cn/react-native-camera-kit.md b/zh-cn/react-native-camera-kit.md index ea69f1c5e294a7741876f2ea56446ae30af274cd..bb3aaf50e227514f6158ce10afafb3d3bb507f34 100644 --- a/zh-cn/react-native-camera-kit.md +++ b/zh-cn/react-native-camera-kit.md @@ -159,15 +159,21 @@ const styles = StyleSheet.create({ ``` ## 使用 Codegen -Version >= @react-native-ohos/react-native-camera-kit@14.0.2，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-camera-kit@14.0.2，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~15.1.1 | No | 0.77 | +| ~14.0.2 | Yes | 0.72 | +| <= 14.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` @@ -308,8 +314,9 @@ std::vector> PackageProvider::getPackages(Package::Cont + std::make_shared(ctx) } ``` +
-### 6.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-cardview.md b/zh-cn/react-native-cardview.md index a7cb959fb7a098eb92db56fb0e7cac06631db185..3f23b3180a4607bf5c7c039c35b61aa1e65d76f0 100644 --- a/zh-cn/react-native-cardview.md +++ b/zh-cn/react-native-cardview.md @@ -119,9 +119,17 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/react-native-cardview@2.0.4，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~2.1.0 | No | 0.77 | +| ~2.0.4 | Yes | 0.72 | +| <= 2.0.3-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` @@ -244,8 +252,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-clipboard-clipboard.md b/zh-cn/react-native-clipboard-clipboard.md index bd02da9662160881fecc9ef21109153a517538af..f72e49bdb204dae6ae1a3d6f99e8ad5e207681f6 100644 --- a/zh-cn/react-native-clipboard-clipboard.md +++ b/zh-cn/react-native-clipboard-clipboard.md @@ -129,9 +129,17 @@ export default App; ## Link -Version >= @react-native-ohos/clipboard@1.13.3，已支持 Autolink，无需手动配置，目前只支持 72 框架。 Autolink 框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~1.16.3 | No | 0.77 | +| ~1.13.3 | Yes | 0.72 | +| <= 1.13.2-0.0.10@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` @@ -258,8 +266,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-clippath-capi.md b/zh-cn/react-native-clippath-capi.md index 864351eb77e71152a6edff97af72094164d8f13f..8c46c0c22407865d19f48a4ec5e89b702825297b 100644 --- a/zh-cn/react-native-clippath-capi.md +++ b/zh-cn/react-native-clippath-capi.md @@ -69,9 +69,17 @@ export default function index() { ## Link -Version >= @react-native-ohos/react-native-clippathview@1.1.9，已支持 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.9 | Yes | 0.72 | +| <= 1.1.8-0.1.6@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` @@ -186,8 +194,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md index 81ea5b7d614b08194480764b662e6845d67d8fbc..a2f55dd014cf3dbf44b48f3b97ef6ea552882052 100644 --- a/zh-cn/react-native-code-push.md +++ b/zh-cn/react-native-code-push.md @@ -189,15 +189,21 @@ export default CodePush(codePushOptions)(App); ## 使用 Codegen -Version >= @react-native-ohos/react-native-code-push@8.2.3，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-code-push@8.2.3，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~9.0.2 | No | 0.77 | +| ~8.2.3 | Yes | 0.72 | +| <= 8.2.2-0.0.10@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` @@ -336,9 +342,9 @@ struct Index { } } ``` +
- -### 6.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-color-matrix-image-filters.md b/zh-cn/react-native-color-matrix-image-filters.md index 70fbaa12fd1e709d83a84fb9162c6e9754a3c722..fc0b6de5d04a99ecb861028ccf2a80bd99386297 100644 --- a/zh-cn/react-native-color-matrix-image-filters.md +++ b/zh-cn/react-native-color-matrix-image-filters.md @@ -84,13 +84,21 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/react-native-color-matrix-image-filters@6.0.6，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~7.0.3 | No | 0.77 | +| ~6.0.6 | Yes | 0.72 | +| <= 6.0.5-0.0.4@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` -### 在工程根目录的 `oh-package.json5` 添加 overrides字段 +### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段 ```json { @@ -226,8 +234,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-community-blur.md b/zh-cn/react-native-community-blur.md index 2f2481b14ed88e9d651269c77295055193a3cf84..16a3257770e9bd31929ce63154a825608e3826c3 100644 --- a/zh-cn/react-native-community-blur.md +++ b/zh-cn/react-native-community-blur.md @@ -207,9 +207,17 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/blur@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@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` @@ -310,7 +318,7 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 4.在 ArkTs 侧引入 BlurView 组件（使用4.4.0-0.1.0及之后的版本忽略这步配置） +### 4.在 ArkTs 侧引入 BlurView 组件 找到 `function buildCustomRNComponent()`，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加： @@ -345,8 +353,9 @@ const arkTsComponentNames: Array = [ + BLUR_TYPE ]; ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-community-checkbox.md b/zh-cn/react-native-community-checkbox.md index 8db3ad17aa61885623f670476b55ab0e4bd1a940..7db8cff15da240e5c51a8a2ccd31ea47f7693557 100644 --- a/zh-cn/react-native-community-checkbox.md +++ b/zh-cn/react-native-community-checkbox.md @@ -65,11 +65,19 @@ export default function CheckBoxExample() { } ``` -## 2. Manual Link +## 2. Link -Version >= @react-native-ohos/checkbox@0.5.17，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~0.6.0 | No | 0.77 | +| ~0.5.17 | Yes | 0.72 | +| <= 0.5.16-0.1.0@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`。 @@ -222,8 +230,9 @@ const arkTsComponentNames: Array = [ + CHECKBOX_TYPE ]; ``` +
-### 2.6. 运行 +## 3. 运行 点击右上角的 `sync` 按钮 @@ -236,9 +245,9 @@ ohpm install 然后编译、运行即可。 -## 3. 约束与限制 +## 4. 约束与限制 -### 3.1. 兼容性 +### 4.1. 兼容性 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 @@ -248,7 +257,7 @@ ohpm install 2. RNOH: 0.72.33; SDK: HarmonyOS NEXT B1; IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71; 3. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112; -## 4. 属性 +## 5. 属性 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。 @@ -276,7 +285,7 @@ ohpm install | `animationDuration` | The duration in seconds of the animations. Defaults to 0.5. | number | No | iOS | No | | `onAnimationType` | The type of animation to use when the checkbox gets checked. Default to 'stroke'. | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade' | No | iOS | No | | `offAnimationType` | The type of animation to use when the checkbox gets unchecked. 'stroke'. | 'stroke' or 'fill' or 'bounce' or 'flat' or 'one-stroke' or 'fade' | No | iOS | No | -## 5. 静态方法 +## 6. 静态方法 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。 @@ -287,7 +296,7 @@ ohpm install | `onChange` | Invoked on change with the native event. | function | No | Android、iOS | yes | | `onValueChange` | Invoked with the new boolean value when it changes. | function | No | Android、iOS | yes | -## 6. 遗留问题 +## 7. 遗留问题 - [X] 设置lineWidth属性，该属性用来控制复选框的线条宽度，未实现HarmonyOS化: [issue#3](https://github.com/react-native-oh-library/react-native-checkbox/issues/3) - [ ] 设置hideBox属性，该属性用来控制复选框的显示与隐藏，未实现HarmonyOS化: [issue#4](https://github.com/react-native-oh-library/react-native-checkbox/issues/4) - [ ] 设置onTintColor属性，该属性用来控制复选框的选中时边框的颜色，未实现HarmonyOS化: [issue#5](https://github.com/react-native-oh-library/react-native-checkbox/issues/5) @@ -295,8 +304,8 @@ ohpm install - [ ] 设置animationDuration属性，该属性用来控制选中和取消选中的动画持续时间，未实现HarmonyOS化: [issue#6](https://github.com/react-native-oh-library/react-native-checkbox/issues/6) - [ ] 设置onAnimationType属性，该属性用来控制选中时的动画类型，未实现 HarmonyOS化: [issue#7](https://github.com/react-native-oh-library/react-native-checkbox/issues/7) - [ ] 设置offAnimationType属性，该属性用来控制取消选中时的动画类型，未实现 HarmonyOS化: [issue#8](https://github.com/react-native-oh-library/react-native-checkbox/issues/8) -## 7. 其他 +## 8. 其他 -## 8. 开源协议 +## 9. 开源协议 本项目基于 [The MIT License (MIT)](https://github.com/react-native-checkbox/react-native-checkbox/blob/develop/LICENSE) ，请自由地享受和参与开源。 \ No newline at end of file diff --git a/zh-cn/react-native-community-datetimepicker.md b/zh-cn/react-native-community-datetimepicker.md index ad608b057efbc21388da651543591a8e74a00b65..7702342d7bbd4e2858de672fad4f304026a526d7 100644 --- a/zh-cn/react-native-community-datetimepicker.md +++ b/zh-cn/react-native-community-datetimepicker.md @@ -101,10 +101,17 @@ export const MDatetimepicker = () => { ## Link -Version >= @react-native-ohos/datetimepicker@7.6.3，已支持 Autolink，无需手动配置，目前只支持72框架。 -Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~8.4.3 | No | 0.77 | +| ~7.6.3 | Yes | 0.72 | +| <= 7.6.2-0.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` @@ -250,7 +257,9 @@ const arkTsComponentNames: Array = [ + DATETIME_PICKER_VIEW_TYPE ]; ``` -### 5.运行 +
+ +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-community-geolocation.md b/zh-cn/react-native-community-geolocation.md index 043a82d81fa63b56cde2a39922a18eb9deab2030..61668781fa8026de8ece6c46e98bdf4d3f5a88ba 100644 --- a/zh-cn/react-native-community-geolocation.md +++ b/zh-cn/react-native-community-geolocation.md @@ -68,9 +68,17 @@ export function GeolocationDemo(): JSX.Element { ## Link -Version >= @react-native-ohos/react-native-geolocation@3.1.1，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~3.4.1 | No | 0.77 | +| ~3.1.1 | Yes | 0.72 | +| <= 3.1.0-0.0.7@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` @@ -193,8 +201,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-community-progress-bar-android.md b/zh-cn/react-native-community-progress-bar-android.md index 4f67e33164f7cfac0a0db9224fa06a11996e4a42..c71f6edae5373f170ebfdad4b5f3f39de07e4c68 100644 --- a/zh-cn/react-native-community-progress-bar-android.md +++ b/zh-cn/react-native-community-progress-bar-android.md @@ -63,10 +63,17 @@ export default function ProgressBarExample() { ## Link -Version >= @react-native-ohos/progress-bar-android@1.0.6，已支持 Autolink，无需手动配置，目前只支持72框架。 -Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~1.1.0 | No | 0.77 | +| ~1.0.6 | Yes | 0.72 | +| <= 1.0.4-0.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` @@ -210,9 +217,9 @@ const arkTsComponentNames: Array = [ + PROGRESS_BAR_TYPE ]; ``` +
- -### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-community-progress-view.md b/zh-cn/react-native-community-progress-view.md index 46c37ea58a107588a803a7d2306c76eedfde1ca9..eda5c3dec3f298704fe72bd27714097dadcf5582 100644 --- a/zh-cn/react-native-community-progress-view.md +++ b/zh-cn/react-native-community-progress-view.md @@ -7,7 +7,7 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/progress-view) -## 安装与使用 +## 1. 安装与使用 请到三方库的 Releases 发布地址查看配套的版本信息： @@ -55,11 +55,19 @@ export default function ProgressViewExample() { } ``` -## 2. Manual Link +## 2. Link -Version >= @react-native-ohos/progress-view@1.4.3，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~1.5.0 | No | 0.77 | +| ~1.4.3 | Yes | 0.72 | +| <= 1.4.2-0.0.8@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`。 @@ -212,8 +220,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 2.5 运行 +## 3. 运行 点击右上角的 `sync` 按钮 @@ -226,9 +235,9 @@ ohpm install 然后编译、运行即可。 -## 3. 约束与限制 +## 4. 约束与限制 -### 3.1 兼容性 +### 4.1 兼容性 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 @@ -238,7 +247,7 @@ ohpm install 2. RNOH: 0.72.33; SDK: HarmonyOS NEXT B1; IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71; 3. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112; -## 4. 属性 +## 5. 属性 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。 @@ -254,13 +263,13 @@ ohpm install | `progressViewStyle` | 进度条样式。仅网络图像在Windows上有效。 | enum('default', 'bar') | No | All | No | | `isIndeterminate` | 将进度条转换为不定期进度条。 | bool | No | Windows | Partially | -## 5. 遗留问题 +## 6. 遗留问题 - [ ] 原库部分接口在 HarmonyOS 中没有对应属性及接口处理相关逻辑，问题: [issue#1](https://github.com/react-native-oh-library/progress-view/issues/5) -## 6. 其他 +## 7. 其他 -## 7. 开源协议 +## 8. 开源协议 本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_progress-view/blob/master/LICENSE) ，请自由地享受和参与开源。 diff --git a/zh-cn/react-native-community-push-notification-ios.md b/zh-cn/react-native-community-push-notification-ios.md index 6da7b8514da6cd53fdd39f9f95f7760dbf4abf61..d3822722f437d72c1b3bf52821ad79939f18d61b 100644 --- a/zh-cn/react-native-community-push-notification-ios.md +++ b/zh-cn/react-native-community-push-notification-ios.md @@ -163,11 +163,19 @@ export const App = () => { }; ``` -## 2. Manual Link +## 2. Link -Version >= @react-native-ohos/push-notification-ios@1.11.2，已支持 Autolink，无需手动配置（仍需手动配置的内容已在对应标题处标记），目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~1.12.0 | No | 0.77 | +| ~1.11.2 | Yes | 0.72 | +| <= 1.11.0-0.1.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`。 @@ -268,7 +276,13 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 2.5. 在 ArkTs 侧Ability中添加（该模块始终需要手动配置） +
+ +## 3. 必要的配置项 + +> [!TIP] 该模块的内容无法通过autolink自动生成，始终需要手动配置。 + +### 3.1. 在 ArkTs 侧Ability中添加（该模块始终需要手动配置） 打开 `entry/src/main/ets/entryability/EntryAbility.ets`，在onNewWant回调中添加： @@ -281,7 +295,7 @@ onNewWant(want: Want, _launchParam: AbilityConstant.LaunchParam): void { } ``` -### 2.6. 运行 +## 4. 运行 点击右上角的 `sync` 按钮 @@ -294,9 +308,9 @@ ohpm install 然后编译、运行即可。 -## 3. 约束与限制 +## 5. 约束与限制 -### 3.1. 兼容性 +### 5.1. 兼容性 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 @@ -306,7 +320,7 @@ ohpm install 2. RNOH: 0.72.33; SDK: HarmonyOS NEXT B1; IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71; 3. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112; -## 4. API +## 6. API > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。 @@ -327,7 +341,7 @@ ohpm install | getInitialNotification | 若应用是通过推送通知启动的，该 Promise 会解析为 PushNotificationIOS 类型的对象；否则解析为 null。 | function | no | iOS | no | | getScheduledLocalNotifications | 获取当前已调度（待发送）的本地通知 | function | no | iOS | no | -## 5. 属性 +## 7. 属性 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。 @@ -357,13 +371,13 @@ _NotificationRequest:_ | `isTimeZoneAgnostic` | 若为 true，时区变更时 fireDate 会自动调整（例如闹钟场景） | boolean | no | All | no | | `interruptionLevel` | 指定通知干扰级别（interruption level）的字符串。有效值为 `'active'`（主动）、`'passive'`（被动）、`'timeSensitive'`（时间敏感）或 `'critical'`（重要） | string | no | All | no | -## 6. 遗留问题 +## 8. 遗留问题 - [ ] HarmonyOS 的 NotificationManager 的规格和 IOS 不一致，其 NotificationRequest 所含参数，在 HarmonyOS 上部分没有适配对应参数，问题: [issue#1](https://github.com/react-native-oh-library/react-native-push-notification-ios/issues/4) - [ ] 原库部分接口在 HarmonyOS 中没有对应接口处理相关逻辑，问题: [issue#2](https://github.com/react-native-oh-library/react-native-push-notification-ios/issues/3) -## 7. 其他 +## 9. 其他 -## 8. 开源协议 +## 10. 开源协议 本项目基于 [The MIT License (MIT)](https://github.com/react-native-push-notification/ios/blob/master/LICENSE) ，请自由地享受和参与开源。 \ No newline at end of file diff --git a/zh-cn/react-native-community-slider.md b/zh-cn/react-native-community-slider.md index a0569d87743058bf6848122b42b19e91630edba6..e838d34c9dd7337f3cd04fa7de86fbcf7c5869c5 100644 --- a/zh-cn/react-native-community-slider.md +++ b/zh-cn/react-native-community-slider.md @@ -72,13 +72,21 @@ export default function SliderExample() { ## Link -Version >= @react-native-ohos/slider@4.4.4，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~5.0.1 | No | 0.77 | +| ~4.4.4 | Yes | 0.72 | +| <= 4.4.3-0.3.4@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` -## 在工程根目录的 oh-package.json5 添加 overrides 字段 +### 1.在工程根目录的 oh-package.json5 添加 overrides 字段 ```json { @@ -206,8 +214,9 @@ const arkTsComponentNames: Array = [ + SLIDER_TYPE ]; ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-community-toolbar-android.md b/zh-cn/react-native-community-toolbar-android.md index 2d2dc76467c5b7d61baac9d703b318940e2d00ec..82b147e8ece110eee9b5b0ad6c09fb06f81153ce 100644 --- a/zh-cn/react-native-community-toolbar-android.md +++ b/zh-cn/react-native-community-toolbar-android.md @@ -6,7 +6,7 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/toolbar-android) -## 安装与使用 +## 1.安装与使用 请到三方库的 Releases 发布地址查看配套的版本信息： @@ -117,13 +117,19 @@ const styles = StyleSheet.create({ export default App; ``` -## 2.Manual Link +## 2. Link -Version >= @react-native-ohos/toolbar-android@0.2.2，已支持 Autolink，无需手动配置，目前只支持72框架。 -Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~0.3.0 | No | 0.77 | +| ~0.2.2 | Yes | 0.72 | +| <= 0.2.1-0.0.4@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`。 ### 2.1.Overrides RN SDK @@ -278,8 +284,9 @@ const arkTsComponentNames: Array = [ + RNCToolbarAndroid.NAME ]; ``` +
-### 2.6.运行 +## 3. 运行 点击右上角的 `sync` 按钮 @@ -292,9 +299,9 @@ ohpm install 然后编译、运行即可。 -## 3.约束与限制 +## 4.约束与限制 -### 3.1兼容性 +### 4.1兼容性 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 @@ -304,7 +311,7 @@ ohpm install 2. RNOH: 0.72.33; SDK: HarmonyOS NEXT B1; IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71; 3. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112; -## 4.属性 +## 5.属性 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。 @@ -328,7 +335,7 @@ Inherits [View Props](https://reactnative.dev/docs/view#props). | title | 设置工具栏标题。 | string | No | Android | Yes | | titleColor | 设置工具栏标题颜色。 | string | No | Android | Yes | -#### 4.1.Props of ImageSource +#### 5.1.Props of ImageSource | Name | Description | Type | Required | Platform | HarmonyOS Support | | ------ | ------------------------------------------------------ | ------ | -------- | -------- | ----------------- | @@ -336,10 +343,10 @@ Inherits [View Props](https://reactnative.dev/docs/view#props). | width | 图片宽度 | number | No | android | Yes | | height | 图片高度 | number | No | android | Yes | | number | No | android | Yes | -## 5.遗留问题 +## 6.遗留问题 -## 6.其他 +## 7.其他 -## 7.开源协议 +## 8.开源协议 本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_toolbar-android/blob/master/LICENSE) ，请自由地享受和参与开源。 diff --git a/zh-cn/react-native-compass-heading.md b/zh-cn/react-native-compass-heading.md index 5da3141f9ae7572a293e72d5a2c496a1df7ee438..b0b2346231585fdae63b1c12896516d6a2957233 100644 --- a/zh-cn/react-native-compass-heading.md +++ b/zh-cn/react-native-compass-heading.md @@ -105,15 +105,21 @@ const styles = StyleSheet.create({ ## 使用 Codegen -Version >= @react-native-ohos/react-native-compass-heading@1.5.1，已适配codegen-lib生成桥接代码。 - -本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 +本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-compass-heading@1.5.1，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~2.0.3 | No | 0.77 | +| ~1.5.1 | Yes | 0.72 | +| <= 1.5.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 打开项目里的 HarmonyOS 工程 `harmony` @@ -229,8 +235,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` +
-### 5.运行 +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-contacts.md b/zh-cn/react-native-contacts.md index ce71f67fe829f9b17fa3198e3da0ec5e9433d2bc..a1890425c76e51c0c2ef4684572de3636c7a60a5 100644 --- a/zh-cn/react-native-contacts.md +++ b/zh-cn/react-native-contacts.md @@ -338,15 +338,21 @@ export const ContactsDemo = () => { ## 使用 Codegen -Version >= @react-native-ohos/react-native-contacts@7.0.8，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-contacts@7.0.8，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~8.0.7 | No | 0.77 | +| ~7.0.8 | Yes | 0.72 | +| <= 7.0.7-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` @@ -468,8 +474,9 @@ std::vector> PackageProvider::getPackages(Package::Cont }; } ``` +
-### 4.运行 +## 运行 点击右上角的 `sync` 按钮