From d6660386b99ab61c6e06278de6e76c6d7d9152a3 Mon Sep 17 00:00:00 2001 From: "@xobear-king" <2658469835@qq.com> Date: Fri, 12 Dec 2025 17:47:04 +0800 Subject: [PATCH] =?UTF-8?q?fix:=20update=2016=E4=B8=AA=E4=B8=AD=E8=8B=B1?= =?UTF-8?q?=E6=96=87=E6=A1=A3=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- en/react-native-pdf.md | 18 ++++++++---- en/react-native-performance.md | 21 +++++++++----- en/react-native-permissions.md | 19 +++++++++---- en/react-native-picker-picker.md | 20 ++++++++++---- en/react-native-picker.md | 16 +++++++++-- en/react-native-print.md | 19 +++++++++---- en/react-native-qr-decode-image-camera.md | 23 ++++++++++------ en/react-native-quick-base64.md | 19 +++++++++---- en/react-native-randombytes.md | 19 +++++++++---- en/react-native-reanimated.md | 16 +++++++++-- en/react-native-restart.md | 29 +++++++++++++++++--- en/react-native-safe-area-context.md | 16 +++++++++-- en/react-native-screenshot-prevent.md | 18 ++++++++---- en/react-native-search-bar.md | 17 +++++++++--- en/react-native-securerandom.md | 19 +++++++++---- en/shopify-flash-list.md | 17 +++++++++--- zh-cn/react-native-pdf.md | 20 ++++++++++---- zh-cn/react-native-performance.md | 23 ++++++++++------ zh-cn/react-native-permissions.md | 16 +++++++++-- zh-cn/react-native-picker-picker.md | 20 ++++++++++---- zh-cn/react-native-picker.md | 18 +++++++++--- zh-cn/react-native-print.md | 17 ++++++++---- zh-cn/react-native-qr-decode-image-camera.md | 22 ++++++++++----- zh-cn/react-native-quick-base64.md | 18 +++++++++--- zh-cn/react-native-randombytes.md | 19 +++++++++---- zh-cn/react-native-reanimated.md | 16 +++++++++-- zh-cn/react-native-restart.md | 29 +++++++++++++++++--- zh-cn/react-native-safe-area-context.md | 16 +++++++++-- zh-cn/react-native-screenshot-prevent.md | 19 +++++++++---- zh-cn/react-native-search-bar.md | 16 +++++++++-- zh-cn/react-native-securerandom.md | 21 +++++++++----- zh-cn/shopify-flash-list.md | 16 +++++++++-- 32 files changed, 454 insertions(+), 158 deletions(-) diff --git a/en/react-native-pdf.md b/en/react-native-pdf.md index f424e801..a1634344 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 13187117..bf35f969 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 90d00b6f..f9ca97fb 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 c84323a3..9f296cf5 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 7d10b8b7..fd840175 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 73abf54e..a988ca01 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 754b6678..ccc29137 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 fa9243da..a8931c34 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 c87c9b7b..4479e12b 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 cb659bd5..5250c752 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 aeaf2b1f..ef313aac 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 4bcfa193..9e1aa6ed 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 92071176..9b76cd55 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 8d4bbc36..76aaa0ad 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 4537cbdf..87fb98da 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 132b9a7a..908b8a47 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 d84c8423..4fad3950 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 d06f3ed3..a15df30e 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 96d1520a..04299c23 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 de7ab37a..76d16965 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 2ea7ba5e..f773b868 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 73e79bdc..e23455a2 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 ada99979..c40af02b 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 edc25e15..50f22ec9 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 a21de741..339a948e 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 cc260301..854cc5d0 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 e7923f8b..a220b864 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 453c22ef..177f306f 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 d570c210..46818303 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 61e53e95..4e49e57d 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 a02bb834..743c07c3 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 2f8e55f7..e04bd9b4 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` 按钮 -- Gitee