diff --git a/en/react-native-pdf.md b/en/react-native-pdf.md index f424e801eeeba9ece53179d1733a8e29b1911ef4..a163434451a6bb2e83011891a8deb4bdb7678b59 100644 --- a/en/react-native-pdf.md +++ b/en/react-native-pdf.md @@ -95,15 +95,21 @@ const styles = StyleSheet.create({ ## Use Codegen -Version >= @react-native-ohos/react-native-pdf@6.7.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). ## Link -Version >= @react-native-ohos/react-native-pdf@6.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 | +|--------------------------------------|-----------------------|----------------------| +| ~6.8.0 | No | 0.77 | +| ~6.7.5 | Yes | 0.72 | +| <= 6.7.4-0.3.6@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. @@ -246,7 +252,9 @@ const arkTsComponentNames: Array = [ ]; ``` -### 5. Running +
+ +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-performance.md b/en/react-native-performance.md index 131871171d520885b3a291540e5fe70d619a73bf..bf35f969e1b36784e47fcc7c61216c69af0131de 100644 --- a/en/react-native-performance.md +++ b/en/react-native-performance.md @@ -66,7 +66,7 @@ import { import performance, { PerformanceObserver, setResourceLoggingEnabled, -} from "@react-native-ohos/react-native-performance"; +} from "react-native-performance"; export function TestNativePerformance() { const [result1, setResult1] = React.useState(0); const [result2, setResult2] = React.useState(""); @@ -207,16 +207,21 @@ const styles = StyleSheet.create({ ## Use Codegen -Version >= @react-native-ohos/react-native-performance@5.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](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-performance@5.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 | +|--------------------------------------|-----------------------|----------------------| +| ~5.2.0 | No | 0.77 | +| ~5.1.3 | Yes | 0.72 | +| <= 5.1.2-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. @@ -339,7 +344,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-permissions.md b/en/react-native-permissions.md index 90d00b6f57d995132340ebe672b99901898abec3..f9ca97fb526553ed25757c3e771c23de8e8e6a48 100644 --- a/en/react-native-permissions.md +++ b/en/react-native-permissions.md @@ -53,7 +53,7 @@ The following code shows the basic use scenario of the repository: ```js import { ScrollView, StyleSheet, View, Text, Button } from "react-native"; import React from "react"; -import RTNPermissions, { Permission } from "@react-native-ohos/react-native-permissions"; +import RTNPermissions, { Permission } from "react-native-permissions"; const permissionNormal: Permission[] = [ "ohos.permission.APPROXIMATELY_LOCATION", @@ -126,10 +126,17 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/react-native-permissions@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/en/Autolinking.md +| | is supporte autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~5.3.1 | No | 0.77 | +| ~4.1.3 | Yes | 0.72 | +| <= 4.1.2-0.1.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. @@ -249,7 +256,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-picker-picker.md b/en/react-native-picker-picker.md index c84323a34dde3d2f34f8ae0e9baad6626588e198..9f296cf5990fb4d14d62011552342e59ff5c149f 100644 --- a/en/react-native-picker-picker.md +++ b/en/react-native-picker-picker.md @@ -50,7 +50,7 @@ The following code shows the basic use scenario of the repository: ```js import * as React from "react"; -import { Picker } from "@react-native-picker/picker"; +import { Picker } from "picker"; import { View } from "react-native"; export const PickerExample = ()=>{ @@ -71,15 +71,21 @@ export const PickerExample = ()=>{ ## Use Codegen -Version >= @react-native-ohos/picker@2.6.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). ## Link -Version >= @react-native-ohos/picker@2.6.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 | +|--------------------------------|-----------------------|----------------------| +| ~2.11.2 | No | 0.77 | +| ~2.6.4 | Yes | 0.72 | +| <= 2.6.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. @@ -238,7 +244,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-picker.md b/en/react-native-picker.md index 7d10b8b7f43f47437b8587724e664d3d6c72eeb1..fd84017554d9f610184782be534e230717b49aae 100644 --- a/en/react-native-picker.md +++ b/en/react-native-picker.md @@ -120,9 +120,17 @@ export default MyPicker; ## Link -Version >= @react-native-ohos/react-native-picker@4.3.10 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.4.0 | No | 0.77 | +| ~4.3.10 | Yes | 0.72 | +| <= 4.3.9-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. @@ -243,7 +251,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-print.md b/en/react-native-print.md index 73abf54e9a1799eac6795052a7acb9578e38266a..a988ca01735e517d5bcb97e9a81770ef7c5ed4d2 100644 --- a/en/react-native-print.md +++ b/en/react-native-print.md @@ -118,16 +118,21 @@ export default function RNPrint(): JSX.Element { ## Use Codegen -Version >= @react-native-ohos/react-native-print@0.11.1, The codegen-lib has been adapted to generate 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). ## Link -Version >= @react-native-ohos/react-native-print@0.11.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.12.0 | No | 0.77 | +| ~0.11.1 | Yes | 0.72 | +| <= 0.11.0-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. @@ -249,7 +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-qr-decode-image-camera.md b/en/react-native-qr-decode-image-camera.md index 754b66789ad07dc2c73e092ce487a54601c6f348..ccc291378c3d96dffa8e43293dfbf8507b1e709f 100644 --- a/en/react-native-qr-decode-image-camera.md +++ b/en/react-native-qr-decode-image-camera.md @@ -149,20 +149,25 @@ const styles = StyleSheet.create({ ## Use Codegen -Version >= @react-native-ohos/react-native-qr-decode-image-camera@1.1.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). ## Link -Version >= @react-native-ohos/react-native-qr-decode-image-camera@1.1.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 | +|--------------------------------|-----------------------|----------------------| +| ~1.2.0 | No | 0.77 | +| ~1.1.5 | Yes | 0.72 | +| <= 1.1.4@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 -The HarmonyOS implementation of this library depends on the native code from @react-native-ohos/react-native-vision-camera. If this library is included into your HarmonyOS application, there is no need to include it again; you can skip the steps in this section and use it directly. +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. -If it is not included, follow the guide provided in @react-native-ohos/react-native-vision-camera to add it to your project. +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. -This step provides guidance for manually configuring native dependencies. +If it is not included, please refer to [@react-native-ohos/react-native-vision-camera](/zh-cn/react-native-vision-camera.md) for instructions on how to include it. ## 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project @@ -312,7 +317,9 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 6. Run +
+ +## Running Click the `sync` button in the top right corner diff --git a/en/react-native-quick-base64.md b/en/react-native-quick-base64.md index fa9243da9c9cbee67c1f6c9ed23c2992cc365ac3..a8931c34c3d703d5c113b36fc0f90301a45d54dd 100644 --- a/en/react-native-quick-base64.md +++ b/en/react-native-quick-base64.md @@ -52,7 +52,7 @@ The following code shows the basic use scenario of the repository: import React, { useState } from 'react'; import { Text, View, TextInput, ScrollView, StyleSheet, Button } from 'react-native'; -import { byteLength, btoa, atob, toByteArray, fromByteArray, getNative, trimBase64Padding, shim } from '@react-native-ohos/react-native-quick-base64'; +import { byteLength, btoa, atob, toByteArray, fromByteArray, getNative, trimBase64Padding, shim } from 'react-native-quick-base64'; type FuncBase64ToArrayBuffer = ( data: string, @@ -387,10 +387,17 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/react-native-quick-base64@2.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 | +|--------------------------------------|-----------------------|----------------------| +| ~2.2.0 | No | 0.77 | +| ~2.1.3 | Yes | 0.72 | +| <= 2.1.2-1.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 + +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. @@ -510,7 +517,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-randombytes.md b/en/react-native-randombytes.md index c87c9b7b06e1382199b550472ca06cd8b3043aea..4479e12bb64a9161d266018ea22b8f762ae6513b 100644 --- a/en/react-native-randombytes.md +++ b/en/react-native-randombytes.md @@ -109,16 +109,21 @@ const styles = StyleSheet.create({ ## Use Codegen -Version >= @react-native-ohos/react-native-randombytes@3.6.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). ## Link -Version >= @react-native-ohos/react-native-randombytes@3.6.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 | +|--------------------------------------|-----------------------|----------------------| +| ~3.7.0 | No | 0.77 | +| ~3.6.2 | Yes | 0.72 | +| <= 3.6.1-0.0.4@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. @@ -241,7 +246,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-reanimated.md b/en/react-native-reanimated.md index cb659bd54a3fab07ceb8ca9208dd5ecf0109ec18..5250c7527815eb762764f24ff0862b3549d531f1 100644 --- a/en/react-native-reanimated.md +++ b/en/react-native-reanimated.md @@ -122,9 +122,17 @@ export default function App() { ## Link -Version >= @react-native-ohos/react-native-reanimated@3.6.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 | +|--------------------------------------|-----------------------|----------------------| +| ~3.18.1 | No | 0.77 | +| ~3.6.5 | Yes | 0.72 | +| <= 3.6.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. @@ -239,7 +247,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-restart.md b/en/react-native-restart.md index aeaf2b1f1ba6189559d45771367a6bd26c3c51c1..ef313aac23c29568e59fb034792185daa858337a 100644 --- a/en/react-native-restart.md +++ b/en/react-native-restart.md @@ -87,15 +87,21 @@ const styles = StyleSheet.create({ ## Use Codegen -Version >= @react-native-ohos/react-native-restart@0.0.28, 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). ## Link -Version >= @react-native-ohos/react-native-restart@0.0.28 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.1.0 | No | 0.77 | +| ~0.0.28 | Yes | 0.72 | +| <= 0.0.27-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. ### 1.Open `entry/oh-package.json5` file and add the following dependencies: @@ -220,6 +226,21 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` +
+ +## Running + +Click the `sync` button in the upper right corner. + +Alternatively, run the following instruction on the terminal: + +```bash +cd entry +ohpm install +``` + +Then build and run the code. + ## Constraints ### Compatibility diff --git a/en/react-native-safe-area-context.md b/en/react-native-safe-area-context.md index 4bcfa193bf9a593eb8aea269e47ded53428f9b35..9e1aa6ed0076441c8cd26eabc3ae5164a9c31d34 100644 --- a/en/react-native-safe-area-context.md +++ b/en/react-native-safe-area-context.md @@ -74,9 +74,17 @@ export default App; ## Link -Version >= @react-native-ohos/react-native-safe-area-context@4.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 | +|--------------------------------------|-----------------------|----------------------| +| ~5.1.1 | No | 0.77 | +| ~4.7.5 | Yes | 0.72 | +| <= 4.7.4-0.2.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. @@ -204,7 +212,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 5. Run +
+ +## Running Click the `sync` button in the top right corner. diff --git a/en/react-native-screenshot-prevent.md b/en/react-native-screenshot-prevent.md index 9207117682cf26e6e6047634319091cb7aafa0f8..9b76cd55daefebd8082bef8b4254d8aadf802daf 100644 --- a/en/react-native-screenshot-prevent.md +++ b/en/react-native-screenshot-prevent.md @@ -76,15 +76,21 @@ useEffect(() => { ## Use Codegen -Version >= @react-native-ohos/react-native-screenshot-prevent@1.2.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). ## Link -Version >= @react-native-ohos/react-native-screenshot-prevent@1.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 supporte autolink | Supported RN Version | +|------------------------------------|-----------------------|----------------------| +| ~1.3.0 | No | 0.77 | +| ~1.2.2 | Yes | 0.72 | +| <= 1.2.1-0.0.2@deprecated | No | 0.72 | + +Using AutoLink need to be configured according to this document, Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md -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. @@ -206,7 +212,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-search-bar.md b/en/react-native-search-bar.md index 8d4bbc3606e1e462f072b8c7ec6290cccf061897..76aaa0ad2181c026ea8710f9dace0dde2d172c87 100644 --- a/en/react-native-search-bar.md +++ b/en/react-native-search-bar.md @@ -111,10 +111,17 @@ export default SearchBarDemo; ## Link -Version >= @react-native-ohos/react-native-search-bar@3.5.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 | +|--------------------------------------|-----------------------|----------------------| +| ~3.6.0 | No | 0.77 | +| ~3.0.10 | Yes | 0.72 | +| <= 3.5.1-0.0.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. @@ -247,7 +254,9 @@ const arkTsComponentNames: Array = [ ]; ``` -### 5.Running +
+ +## Running Click the `sync` button in the upper right corner. diff --git a/en/react-native-securerandom.md b/en/react-native-securerandom.md index 4537cbdf2198bc4fa2092c7f8001c3cd440be99d..87fb98daf384d7fdb537c9e8556bb9b8c7249b92 100644 --- a/en/react-native-securerandom.md +++ b/en/react-native-securerandom.md @@ -117,16 +117,21 @@ const styles = StyleSheet.create({ ### Use Codegen -Version >= @react-native-ohos/react-native-securerandom@1.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). ## Link -Version >= @react-native-ohos/react-native-securerandom@1.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 supporte autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~1.1.0 | No | 0.77 | +| ~1.0.2 | Yes | 0.72 | +| <= 1.0.1-0.0.2@deprecated | No | 0.72 | + +Using AutoLink need to be configured according to this document, Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md -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. @@ -248,7 +253,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 5. Running +
+ +## Running Click the `sync` button in the upper right corner. diff --git a/en/shopify-flash-list.md b/en/shopify-flash-list.md index 132b9a7a4c8b4320a36db73efab6761dee62237a..908b8a47387fff1ae44bc353061600e167dcc520 100644 --- a/en/shopify-flash-list.md +++ b/en/shopify-flash-list.md @@ -71,10 +71,17 @@ const MyList = () => { ## Link -Version >= @react-native-ohos/flash-list@1.6.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.8.3 | No | 0.77 | +| ~1.6.4 | Yes | 0.72 | +| <= 1.6.3-0.2.9@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. @@ -181,7 +188,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-pdf.md b/zh-cn/react-native-pdf.md index d84c84234549c47daf32601a3e0b9469488aded9..4fad3950f5241d5778576657a9cd1df7dffe3c04 100644 --- a/zh-cn/react-native-pdf.md +++ b/zh-cn/react-native-pdf.md @@ -95,17 +95,23 @@ const styles = StyleSheet.create({ ## 使用 Codegen -Version >= @react-native-ohos/react-native-pdf@6.7.5，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-pdf@6.7.5，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~6.8.0 | No | 0.77 | +| ~6.7.5 | Yes | 0.72 | +| <= 6.7.4-0.3.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` +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -246,7 +252,9 @@ const arkTsComponentNames: Array = [ ]; ``` -### 5.运行 +
+ +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-performance.md b/zh-cn/react-native-performance.md index d06f3ed359a9af11eed4c5108ac9a1d1a1835d3c..a15df30eb4fdb5ab8e6bd9a59709e6ffe51b187f 100644 --- a/zh-cn/react-native-performance.md +++ b/zh-cn/react-native-performance.md @@ -58,7 +58,7 @@ import { StatusBar, TouchableOpacity } from 'react-native'; -import performance,{PerformanceObserver,setResourceLoggingEnabled} from '@react-native-ohos/react-native-performance' +import performance,{PerformanceObserver,setResourceLoggingEnabled} from 'react-native-performance' export function TestNativePerformance() { const [result1, setResult1] = React.useState(0) const [result2, setResult2] = React.useState('') @@ -203,18 +203,23 @@ const styles = StyleSheet.create({ ``` ## 使用 Codegen -Version >= @react-native-ohos/react-native-performance@5.1.3，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-performance@5.1.3，已支持 Autolink，无需手动配置，目前只支持72框架。 -Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~5.2.0 | No | 0.77 | +| ~5.1.3 | Yes | 0.72 | +| <= 5.1.2-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 打开项目里的鸿蒙工程 `harmony` +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 ### 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -338,7 +343,9 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 5.运行 +
+ +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-permissions.md b/zh-cn/react-native-permissions.md index 96d1520a42f87d1bb2c6c7a0403b43882f4b836d..04299c238c1abf56171949ad75fc79e32d6db2db 100644 --- a/zh-cn/react-native-permissions.md +++ b/zh-cn/react-native-permissions.md @@ -51,7 +51,7 @@ yarn add @react-native-ohos/react-native-permissions ```js import { ScrollView, StyleSheet, View, Text, Button } from "react-native"; import React from "react"; -import RTNPermissions, { Permission } from "@react-native-ohos/react-native-permissions"; +import RTNPermissions, { Permission } from "react-native-permissions"; const permissionNormal: Permission[] = [ "ohos.permission.APPROXIMATELY_LOCATION", @@ -124,9 +124,17 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/react-native-permissions@4.1.3，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~5.3.1 | No | 0.77 | +| ~4.1.3 | Yes | 0.72 | +| <= 4.1.2-0.1.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` @@ -254,6 +262,8 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` +
+ ### 5.运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-picker-picker.md b/zh-cn/react-native-picker-picker.md index de7ab37a2a8eb66b71eacb64b64ac80ccf3d244c..76d1696543219447ab9157ce75e716243b75644b 100644 --- a/zh-cn/react-native-picker-picker.md +++ b/zh-cn/react-native-picker-picker.md @@ -50,7 +50,7 @@ yarn add @react-native-ohos/picker ```js import * as React from "react"; -import { Picker } from "@react-native-picker/picker"; +import { Picker } from "picker"; import { View } from "react-native"; @@ -72,15 +72,21 @@ export const PickerExample = ()=>{ ## 使用 Codegen -Version >= @react-native-ohos/picker@2.6.4，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/picker@2.6.4，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~2.11.2 | No | 0.77 | +| ~2.6.4 | Yes | 0.72 | +| <= 2.6.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` @@ -243,7 +249,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 5.运行 +
+ +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-picker.md b/zh-cn/react-native-picker.md index 2ea7ba5e49ad3bcef3a4919faa24a0a49fe5cb0c..f773b8683fd3786002f7b861043309e6f6f26495 100644 --- a/zh-cn/react-native-picker.md +++ b/zh-cn/react-native-picker.md @@ -119,10 +119,17 @@ export default MyPicker; ``` ## Link -Version >= @react-native-ohos/react-native-picker@4.3.10，已支持 Autolink，无需手动配置，目前只支持72框架。 -Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~4.4.0 | No | 0.77 | +| ~4.3.10 | Yes | 0.72 | +| <= 4.3.9-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` @@ -243,7 +250,10 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ]; } ``` -### 5.运行 + +
+ +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-print.md b/zh-cn/react-native-print.md index 73e79bdc9fc7acb105aa621e8299a7a23060b0df..e23455a21318c392d513a40a22f9d4ea9dec707c 100644 --- a/zh-cn/react-native-print.md +++ b/zh-cn/react-native-print.md @@ -118,16 +118,21 @@ export default function RNPrint(): JSX.Element { ## 使用 Codegen -Version >= @react-native-ohos/react-native-print@0.11.1，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-print@0.11.1，已支持 Autolink，无需手动配置，目前只支持72框架。 -Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~0.12.0 | No | 0.77 | +| ~0.11.1 | Yes | 0.72 | +| <= 0.11.0-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` @@ -252,6 +257,8 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` +
+ ### 5.运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-qr-decode-image-camera.md b/zh-cn/react-native-qr-decode-image-camera.md index ada999792740b790ce537b73c4885a88138e28d9..c40af02b586c896433ee2f5283a6fda3f508e4eb 100644 --- a/zh-cn/react-native-qr-decode-image-camera.md +++ b/zh-cn/react-native-qr-decode-image-camera.md @@ -148,19 +148,25 @@ const styles = StyleSheet.create({ ## 使用 Codegen -Version >= @react-native-ohos/react-native-qr-decode-image-camera@1.1.5，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-qr-decode-image-camera@1.1.5，已支持 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.5 | Yes | 0.72 | +| <= 1.1.4@deprecated | No | 0.72 | -本库鸿蒙侧实现依赖@react-native-ohos/react-native-vision-camera 的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。 +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md -如未引入请参照[@react-native-ohos/react-native-vision-camera](/zh-cn/react-native-vision-camera.md)进行引入 +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 -此步骤为手动配置原生依赖项的指导。 +首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 + +如未引入请参照[@react-native-ohos/react-native-vision-camera](/zh-cn/react-native-vision-camera.md)进行引入 ## 1.在工程根目录的 `oh-package.json5` 添加 overrides 字段 @@ -319,7 +325,9 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 6.运行 +
+ +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-quick-base64.md b/zh-cn/react-native-quick-base64.md index edc25e1596d2e1947fe5590558d903028fdc6aab..50f22ec9a43da21a593541fe34529b187ce792f2 100644 --- a/zh-cn/react-native-quick-base64.md +++ b/zh-cn/react-native-quick-base64.md @@ -52,7 +52,7 @@ yarn add @react-native-ohos/react-native-quick-base64 import React, { useState } from 'react'; import { Text, View, TextInput, ScrollView, StyleSheet, Button } from 'react-native'; -import { byteLength, btoa, atob, toByteArray, fromByteArray, getNative, trimBase64Padding, shim } from '@react-native-ohos/react-native-quick-base64'; +import { byteLength, btoa, atob, toByteArray, fromByteArray, getNative, trimBase64Padding, shim } from 'react-native-quick-base64'; type FuncBase64ToArrayBuffer = ( data: string, removeLinebreaks?: boolean @@ -418,9 +418,17 @@ const styles = StyleSheet.create({ ## Link -Version >= @react-native-ohos/react-native-quick-base64@2.1.3，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|------------------------------------|-----------------|------------| +| ~2.2.0 | No | 0.77 | +| ~2.1.3 | Yes | 0.72 | +| <= 2.1.2-1.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` @@ -543,7 +551,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 5.运行 +
+ +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-randombytes.md b/zh-cn/react-native-randombytes.md index a21de74143ed72ccfd4e8435c5e873303e56802f..339a948e145570fbd49521cc94af2d911450eace 100644 --- a/zh-cn/react-native-randombytes.md +++ b/zh-cn/react-native-randombytes.md @@ -111,16 +111,21 @@ const styles = StyleSheet.create({ ## 使用 Codegen（如本库已适配了 Codegen ） -Version >= @react-native-ohos/react-native-randombytes@3.6.2，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-randombytes@3.6.2，已支持 Autolink，无需手动配置，目前只支持72框架。 -Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~3.7.0 | No | 0.77 | +| ~3.6.2 | Yes | 0.72 | +| <= 3.6.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` @@ -246,7 +251,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 5.运行 +
+ +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-reanimated.md b/zh-cn/react-native-reanimated.md index cc260301e2e61c940b34f8217bfdb25175a7e4be..854cc5d0872f35f97b7239d93c9e6d272588bbb6 100644 --- a/zh-cn/react-native-reanimated.md +++ b/zh-cn/react-native-reanimated.md @@ -122,9 +122,17 @@ export default function App() { ## Link -Version >= @react-native-ohos/react-native-reanimated@3.6.5，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~3.18.1 | No | 0.77 | +| ~3.6.5 | Yes | 0.72 | +| <= 3.6.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` @@ -242,7 +250,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 5.运行 +
+ +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-restart.md b/zh-cn/react-native-restart.md index e7923f8b11d9d8150b4170e4e4aba1f6faa0d8b6..a220b864f4f20f6daf6907db8facf6dfb3f1dab3 100644 --- a/zh-cn/react-native-restart.md +++ b/zh-cn/react-native-restart.md @@ -87,15 +87,21 @@ const styles = StyleSheet.create({ ## 使用 Codegen -Version >= @react-native-ohos/react-native-restart@0.0.28，已适配codegen-lib生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-restart@0.0.28，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~0.1.0 | No | 0.77 | +| ~0.0.28 | Yes | 0.72 | +| <= 0.0.27-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` ### 1.在工程根目录的 `oh-package.json5` 添加 overrides字段 @@ -220,6 +226,21 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` +
+ +## 运行 + +点击右上角的 `sync` 按钮 + +或者在终端执行： + +```bash +cd entry +ohpm install +``` + +然后编译、运行即可。 + ## 约束与限制 ### 兼容性 diff --git a/zh-cn/react-native-safe-area-context.md b/zh-cn/react-native-safe-area-context.md index 453c22efb015e22988687cd3e742fbb63ccacbed..177f306fdfb246872d6efd8512a32d24f2366644 100644 --- a/zh-cn/react-native-safe-area-context.md +++ b/zh-cn/react-native-safe-area-context.md @@ -74,9 +74,17 @@ export default App; ## Link -Version >= @react-native-ohos/react-native-safe-area-context@4.7.5，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~5.1.1 | No | 0.77 | +| ~4.7.5 | Yes | 0.72 | +| <= 4.7.4-0.2.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` @@ -204,7 +212,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 5.运行 +
+ +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-screenshot-prevent.md b/zh-cn/react-native-screenshot-prevent.md index d570c210f1a9a7bddbe0e3dc10c0941b77509f48..4681830363763b0c48d4dbd4046036224f3ae1be 100644 --- a/zh-cn/react-native-screenshot-prevent.md +++ b/zh-cn/react-native-screenshot-prevent.md @@ -74,16 +74,21 @@ useEffect(() => { ## 使用 Codegen -Version >= @react-native-ohos/react-native-screenshot-prevent@1.2.2，已适配 codegen-lib 生成桥接代码。 - 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -Version >= @react-native-ohos/react-native-screenshot-prevent@1.2.2，已支持 Autolink，无需手动配置，目前只支持72框架。 -Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~1.3.0 | No | 0.77 | +| ~1.2.2 | Yes | 0.72 | +| <= 1.2.1-0.0.2@deprecated | No | 0.72 | + +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md -此步骤为手动配置原生依赖项的指导。 +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony` @@ -209,7 +214,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 5.运行 +
+ +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-search-bar.md b/zh-cn/react-native-search-bar.md index 61e53e95e5f85f90538fb36bc23e67d43dba4651..4e49e57dd890929b49dc9baf27c5682490f1e262 100644 --- a/zh-cn/react-native-search-bar.md +++ b/zh-cn/react-native-search-bar.md @@ -110,9 +110,17 @@ export default SearchBarDemo; ## Link -Version >= @react-native-ohos/react-native-search-bar@3.5.2，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|--------------|----------| +| ~3.6.0 | No | 0.77 | +| ~3.0.10 | Yes | 0.72 | +| <= 3.5.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` @@ -247,7 +255,9 @@ const arkTsComponentNames: Array = [ ]; ``` -### 5.运行 +
+ +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/react-native-securerandom.md b/zh-cn/react-native-securerandom.md index a02bb8343d9e7d32ddb9a26bb56e180bd44f875d..743c07c36e70b4bc443e7d23f5f96489a38ae59c 100644 --- a/zh-cn/react-native-securerandom.md +++ b/zh-cn/react-native-securerandom.md @@ -88,18 +88,23 @@ const styles = StyleSheet.create({ btnText: { fontWeight: 'bold', color: '#fff', fontSize: 20 } }); ``` -### 使用 Codegen - -Version >= @react-native-ohos/react-native-securerandom@1.0.2，已适配codegen-lib生成桥接代码。 +### 使用 Codegen 本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen](/zh-cn/link-source-code.md) 使用文档。 ## Link -Version >= @react-native-ohos/react-native-securerandom@1.0.2，已支持 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.2 | Yes | 0.72 | +| <= 1.0.1-0.0.2@deprecated | No | 0.72 | + +使用AutoLink的工程需要根据该文档配置，Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md -此步骤为手动配置原生依赖项的指导。 +如您使用的版本支持 Autolink，并且工程已接入 Autolink，可跳过ManualLink配置。 +
+ ManualLink: 此步骤为手动配置原生依赖项的指导 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -224,7 +229,9 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 5.运行 +
+ +## 运行 点击右上角的 `sync` 按钮 diff --git a/zh-cn/shopify-flash-list.md b/zh-cn/shopify-flash-list.md index 2f8e55f75e8ff96a77e41709f09d6b8f89399cad..e04bd9b40df95c9ecd88b857ea97e446da933c93 100644 --- a/zh-cn/shopify-flash-list.md +++ b/zh-cn/shopify-flash-list.md @@ -71,9 +71,17 @@ const MyList = () => { ## Link -Version >= @react-native-ohos/flash-list@1.6.4，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +| | 是否支持autolink | RN框架版本 | +|--------------------------------------|-----------------|------------| +| ~1.8.3 | No | 0.77 | +| ~1.6.4 | Yes | 0.72 | +| <= 1.6.3-0.2.9@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` @@ -183,7 +191,9 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 4.运行 +
+ +## 运行 点击右上角的 `sync` 按钮