diff --git a/en/react-native-pdf.md b/en/react-native-pdf.md index f424e801eeeba9ece53179d1733a8e29b1911ef4..74515add3d8e7cd6076750abda543e238d6683f2 100644 --- a/en/react-native-pdf.md +++ b/en/react-native-pdf.md @@ -95,17 +95,23 @@ 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). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-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 supported 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. +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project @@ -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..e50d836357c2290a9680d6af79f776ad6d734fe7 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,18 +207,23 @@ 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). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-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 supported 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. +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project @@ -339,7 +344,9 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 5. Running +
+ +## Running Click the `sync` button in the upper right corner. @@ -363,8 +370,6 @@ Then build and run the code. 2. RNOH: 0.72.33; SDK: HarmonyOS NEXT B1; IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71; 3. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112; - ### Permission Requiremen - ## Performance Exports the **Performance** object by default. diff --git a/en/react-native-permissions.md b/en/react-native-permissions.md index 90d00b6f57d995132340ebe672b99901898abec3..9d629a491050ec80147cc8cce8549bd460f05717 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,12 +126,19 @@ 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 supported 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 -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +If the version you use supports Autolink and the project has been connected to Autolink, skip the ManualLink configuration. +
+ ManualLink: this step is a guide to manually configure native dependencies. + +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project @@ -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..9a042c11ab7f9f5582f05f312ee4df35659d02be 100644 --- a/en/react-native-picker-picker.md +++ b/en/react-native-picker-picker.md @@ -20,7 +20,7 @@ Find the matching version information in the release address of a third-party li | Third-party Library Version | Release Information | Supported RN Version | |---------------------------| ------------------------------------------------------------ |---------------------------------------------------------------------------------------------------------------------------| -| <= 2.6.3 | [@react-native-oh-tpl/picker Releases(deprecated)](https://github.com/react-native-oh-library/picker/releases) | 0.72 | +| <= 2.6.3@deprecated | [@react-native-oh-tpl/picker Releases(deprecated)](https://github.com/react-native-oh-library/picker/releases) | 0.72 | | 2.6.4 | [@react-native-ohos/picker Releases](https://gitcode.com/openharmony-sig/rntpc_picker/releases) | 0.72 | | 2.11.2 | [@react-native-ohos/picker Releases](https://gitcode.com/openharmony-sig/rntpc_picker/releases) | 0.77 | @@ -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,17 +71,23 @@ 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). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/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 supported 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. +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project @@ -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..b2c2fc73f70b1de1846bb6caad5790187806eb18 100644 --- a/en/react-native-picker.md +++ b/en/react-native-picker.md @@ -120,11 +120,19 @@ 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 supported 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 -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +If the version you use supports Autolink and the project has been connected to Autolink, skip the ManualLink configuration. +
+ ManualLink: this step is a guide to manually configure native dependencies. + +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project @@ -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..c7c29b8d56945652853c091314e2a87589636585 100644 --- a/en/react-native-print.md +++ b/en/react-native-print.md @@ -118,18 +118,23 @@ 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). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-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 supported 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. +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project @@ -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..cc64b5802690a7209c823a6385151d88e9473d5e 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). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-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 supported 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 @@ -230,9 +235,6 @@ Find `function buildCustomRNComponent()`, which is usually located in `entry/src ```diff ... - // 0.72 -+ import { NativeScan } from "@react-native-oh-tpl/react-native-qr-decode-image-camera" - // 0.77 + import { NativeScan } from "@react-native-ohos/react-native-qr-decode-image-camera" @@ -312,7 +314,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..4a18aa9d2cd214bb9adaac6b7acece74b229c2fb 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,12 +387,19 @@ 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 supported 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 -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +If the version you use supports Autolink and the project has been connected to Autolink, skip the ManualLink configuration. +
+ ManualLink: this step is a guide to manually configure native dependencies. + +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project @@ -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..a3a6c39b94daac8eebf5b64d8ed6fd4a6ebba9d4 100644 --- a/en/react-native-randombytes.md +++ b/en/react-native-randombytes.md @@ -109,18 +109,23 @@ 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). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-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 supported 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. +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project @@ -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..c3192c39d259cbc0015333d2db649eacfb6b76d0 100644 --- a/en/react-native-reanimated.md +++ b/en/react-native-reanimated.md @@ -122,11 +122,19 @@ 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 supported 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 -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +If the version you use supports Autolink and the project has been connected to Autolink, skip the ManualLink configuration. +
+ ManualLink: this step is a guide to manually configure native dependencies. + +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project @@ -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..6be117730aea39333c620e609250cefb1b27d0a8 100644 --- a/en/react-native-restart.md +++ b/en/react-native-restart.md @@ -87,17 +87,24 @@ 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). +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-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 supported 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. + +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. ### 1.Open `entry/oh-package.json5` file and add the following dependencies: ```json @@ -220,6 +227,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..8acc03cfbb9e7fb74acc0afb7074bbc090612702 100644 --- a/en/react-native-safe-area-context.md +++ b/en/react-native-safe-area-context.md @@ -74,11 +74,19 @@ 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 supported 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 -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +If the version you use supports Autolink and the project has been connected to Autolink, skip the ManualLink configuration. +
+ ManualLink: this step is a guide to manually configure native dependencies. + +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1. Add the overrides field to the root `oh-package.json5` of the project @@ -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..0928ae962387d5d20f0c1817c23ed67adea2829d 100644 --- a/en/react-native-screenshot-prevent.md +++ b/en/react-native-screenshot-prevent.md @@ -76,17 +76,22 @@ 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). - +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-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 supported 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 | -This step provides guidance for manually configuring native dependencies. +Using AutoLink need to be configured according to this document, Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +If the version you use supports Autolink and the project has been connected to Autolink, skip the ManualLink configuration. +
+ ManualLink: this step is a guide to manually configure native dependencies. + +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project @@ -206,7 +211,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..e22384a7ada48c548805e8e26ef235dd32b33e89 100644 --- a/en/react-native-search-bar.md +++ b/en/react-native-search-bar.md @@ -111,12 +111,19 @@ 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 supported autolink | Supported RN Version | +|--------------------------------------|-----------------------|----------------------| +| ~3.6.0 | No | 0.77 | +| ~3.5.2 | 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 -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +If the version you use supports Autolink and the project has been connected to Autolink, skip the ManualLink configuration. +
+ ManualLink: this step is a guide to manually configure native dependencies. + +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project @@ -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..ff855fdc77847ac0258cb548ae77c1db5828446d 100644 --- a/en/react-native-securerandom.md +++ b/en/react-native-securerandom.md @@ -117,18 +117,22 @@ 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). - +This library has been adapted for `Codegen`. Before using it, you need to proactively generate the bridge code for the third-party library. For details, please refer to the [Codegen Usage Documentation](/en/codegen.md). ## Link -Version >= @react-native-ohos/react-native-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 supported 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 | -This step provides guidance for manually configuring native dependencies. +Using AutoLink need to be configured according to this document, Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +If the version you use supports Autolink and the project has been connected to Autolink, skip the ManualLink configuration. +
+ ManualLink: this step is a guide to manually configure native dependencies. + +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project @@ -248,7 +252,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..5721184d37eb268ba27a31532d4f90ae7c147f82 100644 --- a/en/shopify-flash-list.md +++ b/en/shopify-flash-list.md @@ -71,12 +71,19 @@ 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 supported 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 -Open the `harmony` directory of the HarmonyOS project in DevEco Studio. +If the version you use supports Autolink and the project has been connected to Autolink, skip the ManualLink configuration. +
+ ManualLink: this step is a guide to manually configure native dependencies. + +First, use DevEco Studio to open the HarmonyOS project `harmony` in the project directory. ### 1. Adding the overrides Field to oh-package.json5 File in the Root Directory of the Project @@ -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..bdbf3e0166fb5a49289a97b19cd42287e9565172 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,7 +262,9 @@ 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..25245a6e687cc13b2535acf9febb70342642762c 100644 --- a/zh-cn/react-native-picker-picker.md +++ b/zh-cn/react-native-picker-picker.md @@ -18,11 +18,11 @@ 请到三方库的 Releases 发布地址查看配套的版本信息: -| 三方库版本 | 发布信息 | 支持RN版本 | -|---------------------------| ------------------------------------------------------------ |---------------------------------------------------------------------------------------------------------------------------| -| <= 2.6.3 | [@react-native-oh-tpl/picker Releases(deprecated)](https://github.com/react-native-oh-library/picker/releases) | 0.72 | -| 2.6.4 | [@react-native-ohos/picker Releases](https://gitcode.com/openharmony-sig/rntpc_picker/releases) | 0.72 | -| 2.11.2 | [@react-native-ohos/picker Releases](https://gitcode.com/openharmony-sig/rntpc_picker/releases) | 0.77 | +| 三方库版本 | 发布信息 | 支持RN版本 | +|---------------------| ------------------------------------------------------------ |---------------------------------------------------------------------------------------------------------------------------| +| <= 2.6.3@deprecated | [@react-native-oh-tpl/picker Releases(deprecated)](https://github.com/react-native-oh-library/picker/releases) | 0.72 | +| 2.6.4 | [@react-native-ohos/picker Releases](https://gitcode.com/openharmony-sig/rntpc_picker/releases) | 0.72 | +| 2.11.2 | [@react-native-ohos/picker Releases](https://gitcode.com/openharmony-sig/rntpc_picker/releases) | 0.77 | 对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 @@ -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..a1216f819631a6e654c7daea272a3ffbe5c59811 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,7 +257,9 @@ 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..867f23cc4d605fb1a182a08611259a0e53846cda 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 字段 @@ -186,15 +192,6 @@ Version >= @react-native-ohos/react-native-qr-decode-image-camera@1.1.5,已支 打开 `entry/oh-package.json5`,添加以下依赖 -- 0.72 -```json -"dependencies": { - "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-ohos/react-native-qr-decode-image-camera": "file:../../node_modules/@react-native-ohos/react-native-qr-decode-image-camera/harmony/qr_decode_image_camera.har" - } -``` - -- 0.77 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -238,9 +235,6 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ```diff ... - // 0.72 -+ import { NativeScan } from "@react-native-oh-tpl/react-native-qr-decode-image-camera" - // 0.77 + import { NativeScan } from "@react-native-ohos/react-native-qr-decode-image-camera" @Builder @@ -319,7 +313,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..53bba370f190a370a3a31e273b07a58ecd837f64 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.5.2 | 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..08412ab49017d15225b8bb103650f37c22f46380 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 +### 使用 Codegen -Version >= @react-native-ohos/react-native-securerandom@1.0.2,已适配codegen-lib生成桥接代码。 - -本库已经适配了 Codegen ,在使用前需要主动执行生成三方库桥接代码,详细请参考 [Codegen](/zh-cn/link-source-code.md) 使用文档。 +本库已经适配了 Codegen ,在使用前需要主动执行生成三方库桥接代码,详细请参考 [Codegen](/zh-cn/codegen.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` 按钮