From c029edfaf1ad0622425955beaeaa71d4b812fe22 Mon Sep 17 00:00:00 2001 From: chenyihao9 <286884497@qq.com> Date: Thu, 20 Nov 2025 21:38:06 +0800 Subject: [PATCH 1/3] =?UTF-8?q?docs:=20=E4=B8=89=E6=96=B9=E5=BA=93?= =?UTF-8?q?=E9=80=82=E9=85=8Dcli=E5=B7=A5=E5=85=B7=E9=9C=80=E6=B1=8217?= =?UTF-8?q?=E4=B8=AA=E4=B8=89=E6=96=B9=E5=BA=93=E6=96=87=E6=A1=A3=E4=BF=AE?= =?UTF-8?q?=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- en/react-native-audio-recorder-player.md | 50 +++++++- en/react-native-camera-kit.md | 27 +++-- en/react-native-create-thumbnail.md | 27 +++-- en/react-native-device-info.md | 26 ++-- en/react-native-file-viewer.md | 26 ++-- en/react-native-get-random-values.md | 23 ++-- en/react-native-image-colors.md | 113 +++++++++++++++++- en/react-native-image-crop-picker.md | 7 +- en/react-native-image-rotate.md | 25 ++-- en/react-native-inappbrowser.md | 29 +++-- en/react-native-incall-manager.md | 25 ++-- en/react-native-masked-view-masked-view.md | 24 ++-- en/react-native-randombytes.md | 28 +++-- en/react-native-touch-id.md | 25 ++-- en/react-native-track-player.md | 26 ++-- en/react-native-video-cache.md | 25 ++-- en/react-native-voice-voice.md | 113 ++++++++++++++++-- zh-cn/react-native-audio-recorder-player.md | 22 ++-- zh-cn/react-native-camera-kit.md | 27 +++-- zh-cn/react-native-create-thumbnail.md | 37 +++--- zh-cn/react-native-device-info.md | 25 ++-- zh-cn/react-native-file-viewer.md | 26 ++-- zh-cn/react-native-get-random-values.md | 23 +++- zh-cn/react-native-image-colors.md | 21 ++-- zh-cn/react-native-image-crop-picker.md | 8 +- zh-cn/react-native-image-rotate.md | 25 ++-- zh-cn/react-native-inappbrowser.md | 29 +++-- zh-cn/react-native-incall-manager.md | 25 ++-- zh-cn/react-native-masked-view-masked-view.md | 24 ++-- zh-cn/react-native-randombytes.md | 28 +++-- zh-cn/react-native-touch-id.md | 28 +++-- zh-cn/react-native-track-player.md | 26 ++-- zh-cn/react-native-video-cache.md | 25 ++-- zh-cn/react-native-voice-voice.md | 13 +- 34 files changed, 780 insertions(+), 251 deletions(-) diff --git a/en/react-native-audio-recorder-player.md b/en/react-native-audio-recorder-player.md index 058e9bd3..9189a159 100644 --- a/en/react-native-audio-recorder-player.md +++ b/en/react-native-audio-recorder-player.md @@ -16,7 +16,14 @@ ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +Please refer to the Releases page of the third-party library for the corresponding version information +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 3.6.10 | [@react-native-oh-tpl/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases) | 0.72 | +| 3.6.11 | [@react-native-ohos/react-native-audio-recorder-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio-recorder-player/releases) | 0.72 | +| 3.6.14 | [@react-native-ohos/react-native-audio-recorder-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio-recorder-player/releases) | 0.77 | + +For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -25,13 +32,21 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash +# V3.6.10 npm install @react-native-oh-tpl/react-native-audio-recorder-player + +# V3.6.11 +npm install @react-native-ohos/react-native-audio-recorder-player ``` #### **yarn** ```bash +# V3.6.10 yarn add @react-native-oh-tpl/react-native-audio-recorder-player + +# V3.6.11 +yarn add @react-native-ohos/react-native-audio-recorder-player ``` The following code shows the basic use scenario of the repository: @@ -49,7 +64,7 @@ import AudioRecorderPlayer, { PlayBackType, RecordBackType, } from 'react-native-audio-recorder-player'; -import { AudioMimeHarmonyType, AudioFormatHarmonyType, AudioSourceHarmonyType, AudioSet } from "@react-native-oh-tpl/react-native-audio-recorder-player"; +import { AudioMimeHarmonyType, AudioFormatHarmonyType, AudioSourceHarmonyType, AudioSet } from "@react-native-ohos/react-native-audio-recorder-player"; import { Dimensions, @@ -513,7 +528,10 @@ export default Page; ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-audio-recorder-player@3.6.11 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 + +Currently, Version <= @react-native-oh-tpl/react-native-audio-recorder-player@3.6.10-0.0.2@deprecated does not support AutoLink. Therefore, you need to manually configure the linking. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -537,6 +555,7 @@ Method 1 (recommended): Use the HAR file. > [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library. Open `entry/oh-package.json5` file and add the following dependencies: ++ V3.6.10 ```json "dependencies": { @@ -546,6 +565,16 @@ Open `entry/oh-package.json5` file and add the following dependencies: } ``` ++ V3.6.11 + +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + + "@react-native-ohos/react-native-audio-recorder-player": "file:../../node_modules/@react-native-ohos/react-native-audio-recorder-player/harmony/audio_recorder_player.har" + } +``` + Click the `sync` button in the upper right corner. Alternatively, run the following instruction on the terminal: @@ -581,7 +610,11 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) +# V3.6.10 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-audio-recorder-player/src/main/cpp" ./audio_recorder_player) + +# V3.6.11 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-audio-recorder-player/src/main/cpp" ./audio_recorder_player) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -623,8 +656,12 @@ std::vector> PackageProvider::getPackages(Package::Cont Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code: ```diff +// V3.6.10 + import {RNAudioRecorderPlayerPackage} from '@react-native-oh-tpl/react-native-audio-recorder-player/ts'; +// V3.6.11 ++ import {RNAudioRecorderPlayerPackage} from '@react-native-ohos/react-native-audio-recorder-player/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -652,7 +689,12 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases) +Please refer to the Releases page of the third-party library for the corresponding version information +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 3.6.10 | [@react-native-oh-tpl/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases) | 0.72 | +| 3.6.11 | [@react-native-ohos/react-native-audio-recorder-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio-recorder-player/releases) | 0.72 | +| 3.6.14 | [@react-native-ohos/react-native-audio-recorder-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio-recorder-player/releases) | 0.77 | ### Permission Requirements diff --git a/en/react-native-camera-kit.md b/en/react-native-camera-kit.md index be772f48..54730940 100644 --- a/en/react-native-camera-kit.md +++ b/en/react-native-camera-kit.md @@ -16,9 +16,16 @@ > [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-camera-kit) +This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-camera-kit`, After introducing the new version of the third-party library, The version correspondence details are as follows: + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 14.0.1 | @react-native-oh-tpl/react-native-camera-kit | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-camera-kit) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-camera-kit/releases) | +| >= 14.0.2 | @react-native-ohos/react-native-camera-kit | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | + ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +Find the matching version information in the release address of a third-party library: [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -28,13 +35,13 @@ Go to the project directory and execute the following instruction: #### npm ```bash -npm install @react-native-oh-tpl/react-native-camera-kit +npm install @react-native-ohos/react-native-camera-kit ``` #### yarn ```bash -yarn add @react-native-oh-tpl/react-native-camera-kit +yarn add @react-native-ohos/react-native-camera-kit ``` @@ -161,11 +168,15 @@ const styles = StyleSheet.create({ ``` ## Use Codegen +Version >= @react-native-ohos/react-native-camera-kit@14.0.2, compatible with codegen-lib for generating bridge code. + If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md). ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-camera-kit@14.0.2 now supports Autolink without requiring manual configuration, currently only supports 72 frameworks. Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/react-native-camera-kit@14.0.1 does not support AutoLink. Therefore, you need to manually configure the linking. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -194,7 +205,7 @@ Open `entry/oh-package.json5` file and add the following dependencies: ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-camera-kit": "file:../../node_modules/@react-native-oh-tpl/react-native-camera-kit/harmony/camera_kit.har" + "@react-native-ohos/react-native-camera-kit": "file:../../node_modules/@react-native-ohos/react-native-camera-kit/harmony/camera_kit.har" } ``` @@ -217,7 +228,7 @@ Open `entry/src/main/cpp/CMakeLists.txt` and add the following code: ```diff ... -+ import { RTNCameraKitView } from "@react-native-oh-tpl/react-native-camera-kit"; ++ import { RTNCameraKitView } from "@react-native-ohos/react-native-camera-kit"; @Builder export function buildCustomRNComponent(ctx: ComponentBuilderContext) { @@ -250,7 +261,7 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... -+ import { RTNCameraKitPackage } from "@react-native-oh-tpl/react-native-camera-kit/ts"; ++ import { RTNCameraKitPackage } from "@react-native-ohos/react-native-camera-kit/ts"; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -279,7 +290,7 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases) +Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) ### Permission Requirements diff --git a/en/react-native-create-thumbnail.md b/en/react-native-create-thumbnail.md index c0fef46c..c79479d1 100644 --- a/en/react-native-create-thumbnail.md +++ b/en/react-native-create-thumbnail.md @@ -16,9 +16,16 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-create-thumbnail) +This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-create-thumbnail`, After introducing the new version of the third-party library, The version correspondence details are as follows: + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 2.0.0-0.0.4@deprecated | @react-native-oh-tpl/react-native-create-thumbnail | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-create-thumbnail) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | +| >= 2.0.1 | @react-native-ohos/react-native-create-thumbnail | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases) | + ## Installation and Usage -Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +Find the matching version information in the release address of a third-party library：[@react-native-ohos/react-native-create-thumbnail Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -29,13 +36,13 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -npm install @react-native-oh-tpl/react-native-create-thumbnail +npm install @react-native-ohos/react-native-create-thumbnail ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/react-native-create-thumbnail +yarn add @react-native-ohos/react-native-create-thumbnail ``` @@ -143,7 +150,11 @@ const styles = StyleSheet.create({ ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-create-thumbnail@2.0.1 now supports Autolink without requiring manual configuration, currently only supports 72 frameworks. +Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +The 0.72 branch supports full Autolinking functionality starting from the RNOH 0.72.94 version (corresponding to the @react-native-oh/react-native-harmony-cli version 0.0.40). + +Currently, Version <= @react-native-oh-tpl/react-native-create-thumbnail@2.0.0-0.04 does not support AutoLink. Therefore, you need to manually configure the linking. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -171,7 +182,7 @@ Open `entry/oh-package.json5` file and add the following dependencies: ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-create-thumbnail": "file:../../node_modules/@react-native-oh-tpl/react-native-create-thumbnail/harmony/createThumbnail.har" + "@react-native-ohos/react-native-create-thumbnail": "file:../../node_modules/@react-native-ohos/react-native-create-thumbnail/harmony/createThumbnail.har" } ``` @@ -193,7 +204,7 @@ Open `entry/oh-package.json5` file and add the following dependencies: ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-create-thumbnail": "file:../../node_modules/@react-native-oh-tpl/react-native-create-thumbnail/harmony/createThumbnail" + "@react-native-ohos/react-native-create-thumbnail": "file:../../node_modules/@react-native-ohos/react-native-create-thumbnail/harmony/createThumbnail" } ``` @@ -210,7 +221,7 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... -+ import { CreateThumbnailPackage } from '@react-native-oh-tpl/react-native-create-thumbnail/ts'; ++ import { CreateThumbnailPackage } from '@react-native-ohos/react-native-create-thumbnail/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -239,7 +250,7 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) +Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) ## API diff --git a/en/react-native-device-info.md b/en/react-native-device-info.md index c6a6785b..498a29ec 100644 --- a/en/react-native-device-info.md +++ b/en/react-native-device-info.md @@ -14,9 +14,16 @@ > [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-device-info) +This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-device-info`, After introducing the new version of the third-party library, The version correspondence details are as follows: + +| Version | Package Name | Repository | Release | +| --- | --- | --- | --- | +| <= 11.1.0-0.0.8@deprecated | @react-native-oh-tpl/react-native-device-info | [Github (deprecated)](https://github.com/react-native-oh-library/react-native-device-info) | [Github Releases (deprecated)](https://github.com/react-native-oh-library/react-native-device-info/releases) | +| >= 11.1.1 | @react-native-ohos/react-native-device-info | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) | + ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +Find the matching version information in the release address of a third-party library: [@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -27,13 +34,13 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -npm install @react-native-oh-tpl/react-native-device-info +npm install @react-native-ohos/react-native-device-info ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/react-native-device-info +yarn add @react-native-ohos/react-native-device-info ``` @@ -154,11 +161,16 @@ export default App; ``` ## Use Codegen +Version >= @react-native-ohos/react-native-device-info@11.1.1, compatible with codegen-lib for generating bridge code. + 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 -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-device-info@11.1.1 now supports Autolink without requiring manual configuration, currently only supports 72 frameworks. +Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Currently, Version <= @react-native-oh-tpl/react-native-device-info@11.1.0-0.0.8@deprecated does not support Autolink. Therefore, you need to manually configure the linking. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -187,7 +199,7 @@ Open `entry/oh-package.json5` file and add the following dependencies: ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-device-info": "file:../../node_modules/@react-native-oh-tpl/react-native-device-info/harmony/device_info.har" + "@react-native-ohos/react-native-device-info": "file:../../node_modules/@react-native-ohos/react-native-device-info/harmony/device_info.har" } ``` @@ -211,7 +223,7 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... -+ import {RNDeviceInfoPackage} from '@react-native-oh-tpl/react-native-device-info/ts'; ++ import {RNDeviceInfoPackage} from '@react-native-ohos/react-native-device-info/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -240,7 +252,7 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases) +Check the release version information here: [@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) ### Permission Requirements diff --git a/en/react-native-file-viewer.md b/en/react-native-file-viewer.md index efb77f3a..a5bf45eb 100644 --- a/en/react-native-file-viewer.md +++ b/en/react-native-file-viewer.md @@ -15,9 +15,16 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-file-viewer) +This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-file-viewer`, After introducing the new version of the third-party library, The version correspondence details are as follows: + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 2.1.6@deprecated | @react-native-oh-tpl/react-native-file-viewer | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-file-viewer) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-file-viewer/releases) | +| >= 2.1.7 | @react-native-ohos/react-native-file-viewer | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases) | + ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +Find the matching version information in the release address of a third-party library: [@react-native-ohos/react-native-file-viewer Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -28,13 +35,13 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -npm install @react-native-oh-tpl/react-native-file-viewer +npm install @react-native-ohos/react-native-file-viewer ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/react-native-file-viewer +yarn add @react-native-ohos/react-native-file-viewer ``` @@ -154,11 +161,16 @@ const styles = StyleSheet.create({ ## Use Codegen +Version >= @react-native-ohos/react-native-file-viewer@2.1.7, 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 -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-file-viewer@2.1.7 now supports Autolink without requiring manual configuration, currently only supports 72 frameworks. +Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Currently, Version <= @react-native-oh-tpl/react-native-file-viewer@2.1.6@deprecated does not support AutoLink. Therefore, you need to manually configure the linking. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -186,7 +198,7 @@ Open `entry/oh-package.json5` file and add the following dependencies: ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-file-viewer": "file:../../node_modules/@react-native-oh-tpl/react-native-file-viewer/harmony/file_viewer.har" + "@react-native-ohos/react-native-file-viewer": "file:../../node_modules/@react-native-ohos/react-native-file-viewer/harmony/file_viewer.har" } ``` @@ -209,7 +221,7 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... -+ import { RNFileViewerPackage } from '@react-native-oh-tpl/react-native-file-viewer/ts'; ++ import { RNFileViewerPackage } from '@react-native-ohos/react-native-file-viewer/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -238,7 +250,7 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases) +Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-file-viewer Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases) ## API diff --git a/en/react-native-get-random-values.md b/en/react-native-get-random-values.md index 909091c9..351e9932 100644 --- a/en/react-native-get-random-values.md +++ b/en/react-native-get-random-values.md @@ -15,25 +15,31 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-get-random-values) +This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-get-random-values`, After introducing the new version of the third-party library, The version correspondence details are as follows: + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 1.11.0-0.0.1@deprecated | @react-native-oh-tpl/react-native-get-random-values | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-get-random-values) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | +| >= 1.11.1 | @react-native-ohos/react-native-get-random-values | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases) | + ## Installation and Usage -Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +Find the matching version information in the release address of a third-party library：[@react-native-ohos/react-native-get-random-values](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. Go to the project directory and execute the following instruction: - #### **npm** ```bash -npm install @react-native-oh-tpl/react-native-get-random-values +npm install @react-native-ohos/react-native-get-random-values ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/react-native-get-random-values +yarn add @react-native-ohos/react-native-get-random-values ``` @@ -81,7 +87,10 @@ export const GetRandomValues = () => { ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-get-random-values@1.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 + +Currently, Version <= @react-native-oh-tpl/react-native-get-random-values@1.11.0-0.0.1@deprecated does not support AutoLink. Therefore, you need to manually configure the linking. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -111,7 +120,7 @@ Open `entry/oh-package.json5` file and add the following dependencies: ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-get-random-values": "file:../../node_modules/@react-native-oh-tpl/react-native-get-random-values/harmony/get_random_values.har" + "@react-native-ohos/react-native-get-random-values": "file:../../node_modules/@react-native-ohos/react-native-get-random-values/harmony/get_random_values.har" } ``` @@ -134,7 +143,7 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... -+ import { RNGetRandomValuesPackage } from "@react-native-oh-tpl/react-native-get-random-values/ts"; ++ import { RNGetRandomValuesPackage } from "@react-native-ohos/react-native-get-random-values/ts"; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ diff --git a/en/react-native-image-colors.md b/en/react-native-image-colors.md index e39f2502..2b46aac7 100644 --- a/en/react-native-image-colors.md +++ b/en/react-native-image-colors.md @@ -17,24 +17,38 @@ ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +Please refer to the Releases page of the third-party library for the corresponding version information -Go to the project directory and execute the following instruction: +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 2.4.0 | [@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases) | 0.72 | +| 2.4.1 | [@react-native-ohos/react-native-image-colors Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-colors/releases) | 0.72 | +| 2.5.1 | [@react-native-ohos/react-native-image-colors Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-colors/releases) | 0.77 | +For older versions not published on npm, please refer to the [Installation Guide](/zh-cn/tgz-usage.md) to install the tgz package. +Go to the project directory and execute the following instruction: #### **npm** ```bash +# V2.4.0 npm install @react-native-oh-tpl/react-native-image-colors + +# V2.4.1 +npm install @react-native-ohos/react-native-image-colors ``` #### **yarn** ```bash +# V2.4.0 yarn add @react-native-oh-tpl/react-native-image-colors + +# V2.4.1 +yarn add @react-native-ohos/react-native-image-colors ``` @@ -199,11 +213,16 @@ const styles = StyleSheet.create({ ## Use Codegen +> [!TIP] V2.4.1 no need to execute Codegen + 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 -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-image-colors@2.4.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 + +Version <= @react-native-oh-tpl/react-native-image-colors@2.4.0 does not support AutoLink. Therefore, you need to manually configure the linking. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -228,6 +247,8 @@ Method 1 (recommended): Use the HAR file. Open `entry/oh-package.json5` file and add the following dependencies: +- V2.4.0 + ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -235,6 +256,15 @@ Open `entry/oh-package.json5` file and add the following dependencies: } ``` +- V2.4.1 + +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-image-colors": "file:../../node_modules/@react-native-ohos/react-native-image-colors/harmony/image_colors.har" + } +``` + Click the `sync` button in the upper right corner. Alternatively, run the following instruction on the terminal: @@ -248,14 +278,79 @@ Method 2: Directly link to the source code. > [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md). -### 3. Introducing RNImageColorsPackage to ArkTS +### 3.Configure CMakeLists and import VoicePackage + +> [!TIP] If using version 2.4.0, please skip this chapter + +open `entry/src/main/cpp/CMakeLists.txt`，add： + +```cmake +project(rnapp) +cmake_minimum_required(VERSION 3.4.1) +set(CMAKE_SKIP_BUILD_RPATH TRUE) +set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}") +set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules") ++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules") +set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp") +set(LOG_VERBOSITY_LEVEL 1) +set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments") +set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie") +set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use +add_compile_definitions(WITH_HITRACE_SYSTRACE) + +add_subdirectory("${RNOH_CPP_DIR}" ./rn) + +# RNOH_BEGIN: manual_package_linking_1 +add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-image-colors/src/main/cpp" ./image-colors) +# RNOH_END: manual_package_linking_1 + +file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") + +add_library(rnoh_app SHARED + ${GENERATED_CPP_FILES} + "./PackageProvider.cpp" + "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp" +) +target_link_libraries(rnoh_app PUBLIC rnoh) + +# RNOH_BEGIN: manual_package_linking_2 +target_link_libraries(rnoh_app PUBLIC rnoh_sample_package) ++ target_link_libraries(rnoh_app PUBLIC rnoh_image_colors) +# RNOH_END: manual_package_linking_2 +``` + +open `entry/src/main/cpp/PackageProvider.cpp`，add： + +```c++ +#include "RNOH/PackageProvider.h" +#include "generated/RNOHGeneratedPackage.h" +#include "SamplePackage.h" ++ #include "ImageColorsPackage.h" + +using namespace rnoh; + +std::vector> PackageProvider::getPackages(Package::Context ctx) { + return { + std::make_shared(ctx), + std::make_shared(ctx), ++ std::make_shared(ctx) + }; +} +``` + +### 4. Introducing RNVoicePackage to ArkTS Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code: ```diff ... +// V2.4.0 + import { RNImageColorsPackage } from "@react-native-oh-tpl/react-native-image-colors/ts"; +// V2.4.1 ++ import { RNImageColorsPackage } from "@react-native-ohos/react-native-image-colors/ts"; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -264,7 +359,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 4. Running +### 5. Running Click the `sync` button in the upper right corner. @@ -283,7 +378,13 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases) +Please refer to the Releases page of the third-party library for the corresponding version information + +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 2.4.0 | [@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases) | 0.72 | +| 2.4.1 | [@react-native-ohos/react-native-image-colors Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-colors/releases) | 0.72 | +| 2.5.1 | [@react-native-ohos/react-native-image-colors Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-colors/releases) | 0.77 | ## API diff --git a/en/react-native-image-crop-picker.md b/en/react-native-image-crop-picker.md index 78839adb..e59d4cc5 100644 --- a/en/react-native-image-crop-picker.md +++ b/en/react-native-image-crop-picker.md @@ -9,7 +9,7 @@ This project is based on [react-native-image-crop-picker@0.40.3](https://github. | Version | Package Name | Repository | Release | | --------------------------- | ------------------------------------ | -------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- | | <= 0.40.3-0.0.14@deprecated | @react-native-oh-tpl/react-native-image-crop-picker | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-crop-picker) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases) | -| >= 0.40.4 | @react-native-ohos/react-native-image-crop-picker | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-image-crop-picker) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) | +| >= 0.40.4 | @react-native-ohos/react-native-image-crop-picker | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) | > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-image-crop-picker) @@ -788,6 +788,9 @@ export default ImageCropPickDemo; ``` ## 2. Manual Link +Version >= @react-native-ohos/react-native-image-crop-picker@0.40.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 + +Version < @react-native-ohos/react-native-image-crop-picker@0.40.5，Version <= @react-native-oh-tpl/react-native-image-crop-picker@0.40.3-0.0.14@deprecated does not support AutoLink. Therefore, you need to manually configure the linking. This step provides guidance for manually configuring native dependencies. @@ -1028,7 +1031,7 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-image-crop-picker Releases ](https://gitee.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) +Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-image-crop-picker Releases ](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) ## 4. API diff --git a/en/react-native-image-rotate.md b/en/react-native-image-rotate.md index 0f4fb756..c77a2e1c 100644 --- a/en/react-native-image-rotate.md +++ b/en/react-native-image-rotate.md @@ -15,9 +15,16 @@ > [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-image-rotate) +This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-image-rotate`, After introducing the new version of the third-party library, The version correspondence details are as follows: + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 2.1.0-0.0.3@deprecated | @react-native-oh-tpl/react-native-image-rotate | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-rotate) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-rotate/releases) | +| >= 2.1.1 | @react-native-ohos/react-native-image-rotate | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases) | + ## Installation and Usage -Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases). +Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-ohos/react-native-image-rotate Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases). Go to the project directory and execute the following instruction: @@ -30,13 +37,13 @@ Go to the project directory and execute the following instruction: #### npm ```bash -npm install @react-native-oh-tpl/react-native-image-rotate +npm install @react-native-ohos/react-native-image-rotate ``` #### yarn ```bash -yarn add @react-native-oh-tpl/react-native-image-rotate +yarn add @react-native-ohos/react-native-image-rotate ``` The following code shows the basic use scenario of the repository: @@ -141,7 +148,11 @@ If this repository has been adapted to Codegen, generate the bridge code of the ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-image-rotate@2.1.1 now supports Autolink without requiring manual configuration, currently only supports 72 frameworks. +Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +The 0.72 branch supports full Autolinking functionality starting from the RNOH 0.72.94 version (corresponding to the @react-native-oh/react-native-harmony-cli version 0.0.40). + +Currently, Version <= @react-native-oh-tpl/react-native-image-rotate@2.1.0-0.0.3 does not support AutoLink. Therefore, you need to manually configure the linking. Open the harmony directory of the HarmonyOS project in DevEco Studio. @@ -172,7 +183,7 @@ Open entry/oh-package.json5 file and add the following dependencies: ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-image-rotate": "file:../../node_modules/@react-native-oh-tpl/react-native-image-rotate/harmony/imageRotate.har" + "@react-native-ohos/react-native-image-rotate": "file:../../node_modules/@react-native-ohos/react-native-image-rotate/harmony/imageRotate.har" } ``` @@ -196,7 +207,7 @@ Open the entry/src/main/ets/RNPackagesFactory.ts file and add the following code ```diff ... -+ import { RNImageRotatePackage } from '@react-native-oh-tpl/react-native-image-rotate/ts'; ++ import { RNImageRotatePackage } from '@react-native-ohos/react-native-image-rotate/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -225,7 +236,7 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases) +Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases) ## Static Method diff --git a/en/react-native-inappbrowser.md b/en/react-native-inappbrowser.md index 68ea00d8..12c70776 100644 --- a/en/react-native-inappbrowser.md +++ b/en/react-native-inappbrowser.md @@ -14,9 +14,16 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-inappbrowser) +This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: @react-native-ohos/react-native-inappbrowser, After introducing the new version of the third-party library, The version correspondence details are as follows: + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 3.7.0-0.0.4@deprecated | @react-native-ohos/react-native-inappbrowser | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-inappbrowser) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | +| >= 3.7.1 | @react-native-ohos/react-native-inappbrowser | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser/releases) | + ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +Find the matching version information in the release address of a third-party library: [@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -25,13 +32,13 @@ Go to the project directory and execute the following instruction: #### **npm** ``` -npm install @react-native-oh-tpl/react-native-inappbrowser-reborn +npm install @react-native-ohos/react-native-inappbrowser-reborn ``` #### **yarn** ``` -yarn add @react-native-oh-tpl/react-native-inappbrowser-reborn +yarn add @react-native-ohos/react-native-inappbrowser-reborn ``` The following code shows the basic use scenario of the repository: @@ -280,11 +287,15 @@ export const tryDeepLinking = async () => { ## Use Codegen +Version >= @react-native-ohos/react-native-inappbrowser@3.7.1，Adapted codegen-lib 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](/en/codegen.md). ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-localize@3.7.1，Autolink is supported, no manual configuration is required, and currently only supports 72 frames. Autolink Framework Guidance Document：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-ohos/react-native-localize@3.7.0-0.0.4@deprecated AutoLink is not supported yet, so the Link step needs to be configured manually. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -367,7 +378,7 @@ export default class BrowserManagerAbility extends UIAbility { 3. Create **BrowserManagerPage.ets** in **entry/src/main/ets/pages**. ``` -import { BrowserPage } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/Index' +import { BrowserPage } from '@react-native-ohos/react-native-inappbrowser-reborn/Index' @Entry @Component @@ -399,7 +410,7 @@ struct ChromeTabsManagerPage { 5. If you want to warm up the browser client in your application to accelerate its startup, add the following content to **BrowserManagerAbility**: ``` -import { RNInAppBrowserModule } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/ts'; +import { RNInAppBrowserModule } from '@react-native-ohos/react-native-inappbrowser-reborn/ts'; export default class BrowserManagerAbility extends UIAbility { @@ -423,7 +434,7 @@ Open `entry/oh-package.json5` file and add the following dependencies: ``` "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-inappbrowser-reborn": "file:../../node_modules/@react-native-oh-tpl/react-native-inappbrowser-reborn/harmony/inappbrowser.har" + "@react-native-ohos/react-native-inappbrowser-reborn": "file:../../node_modules/@react-native-ohos/react-native-inappbrowser-reborn/harmony/inappbrowser.har" } ``` @@ -446,7 +457,7 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... -+ import { RNInAppBrowserPackage } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/ts'; ++ import { RNInAppBrowserPackage } from '@react-native-ohos/react-native-inappbrowser-reborn/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -475,7 +486,7 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) +Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser) ## API diff --git a/en/react-native-incall-manager.md b/en/react-native-incall-manager.md index 1a3f4dab..31d95aff 100644 --- a/en/react-native-incall-manager.md +++ b/en/react-native-incall-manager.md @@ -17,9 +17,15 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-incall-manager) +This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-incall-manager`, After introducing the new version of the third-party library, The version correspondence details are as follows: + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 4.2.0-0.0.4@deprecated | @react-native-oh-tpl/react-native-incall-manager | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-incall-manager) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-incall-manager/releases) | +| >= 4.2.1 | @react-native-ohos/react-native-incall-manager | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) | ## Installation and Usage -Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases). +Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases). Go to the project directory and execute the following instruction: @@ -30,13 +36,13 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -npm install @react-native-oh-tpl/react-native-incall-manager +npm install @react-native-ohos/react-native-incall-manager ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/react-native-incall-manager +yarn add @react-native-ohos/react-native-incall-manager ``` @@ -489,7 +495,10 @@ export default function InCallManagerExample() { ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-incall-manager@4.2.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 + +Currently, Version <= @react-native-oh-tpl/react-native-incall-manager@4.2.0-0.0.4@deprecated does not support AutoLink. Therefore, you need to manually configure the linking. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -518,7 +527,7 @@ Open `entry/oh-package.json5` file and add the following dependencies: "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-incall-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-incall-manager/harmony/in_call_manager.har" + "@react-native-ohos/react-native-incall-manager": "file:../../node_modules/@react-native-ohos/react-native-incall-manager/harmony/in_call_manager.har" } ``` @@ -557,7 +566,7 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) -+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-incall-manager/src/main/cpp" ./in_call_manager) ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-incall-manager/src/main/cpp" ./in_call_manager) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -597,7 +606,7 @@ std::vector> PackageProvider::getPackages(Package::Cont Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code: ```diff -+ import { RNInCallManagerPackage } from '@react-native-oh-tpl/react-native-incall-manager/ts'; ++ import { RNInCallManagerPackage } from '@react-native-ohos/react-native-incall-manager/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -626,7 +635,7 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases) +Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) ### Permission Requirements diff --git a/en/react-native-masked-view-masked-view.md b/en/react-native-masked-view-masked-view.md index f4dcef44..d23497f4 100644 --- a/en/react-native-masked-view-masked-view.md +++ b/en/react-native-masked-view-masked-view.md @@ -14,9 +14,16 @@ > [!Tip] [Github address](https://github.com/react-native-oh-library/masked-view) +This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/masked-view`, After introducing the new version of the third-party library, The version correspondence details are as follows: + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 0.2.10@deprecated | @react-native-oh-tpl/masked-view | [Github(deprecated)](https://github.com/react-native-oh-library/masked-view) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/masked-view/releases) | +| >= 0.2.11 | @react-native-ohos/masked-view | [GitCode](https://gitcode.com/openharmony-sig/rntpc_masked-view) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) | + ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +Find the matching version information in the release address of a third-party library: [@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -27,13 +34,13 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -npm install @react-native-oh-tpl/masked-view +npm install @react-native-ohos/masked-view ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/masked-view +yarn add @react-native-ohos/masked-view ``` @@ -104,7 +111,10 @@ export default MaskedDemo ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/masked-view@0.2.11 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 + +Currently, Version <= @react-native-oh-tpl/masked-view@0.2.10@deprecated does not support AutoLink. Therefore, you need to manually configure the linking. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -134,7 +144,7 @@ Open `entry/oh-package.json5` file and add the following dependencies: "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/masked-view": "file:../../node_modules/@react-native-oh-tpl/masked-view/harmony/masked_view.har" + "@react-native-ohos/masked-view": "file:../../node_modules/@react-native-ohos/masked-view/harmony/masked_view.har" } ``` @@ -173,7 +183,7 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) -+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/masked-view/src/main/cpp" ./masked-view) ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/masked-view/src/main/cpp" ./masked-view) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -229,7 +239,7 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library:[@react-native-oh-library/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases) +Check the release version information in the release address of the third-party library:[@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) ## Properties diff --git a/en/react-native-randombytes.md b/en/react-native-randombytes.md index c37182f6..96ef95c7 100644 --- a/en/react-native-randombytes.md +++ b/en/react-native-randombytes.md @@ -17,9 +17,16 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-randombytes) +This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-randombytes`, After introducing the new version of the third-party library, The version correspondence details are as follows: + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 3.6.1-0.0.4@deprecated | @react-native-oh-tpl/react-native-randombytes | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-randombytes) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-randombytes/releases) | +| >= 3.6.2 | @react-native-ohos/react-native-randombytes | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) | + ## Installation and Usage -Find the matching version information in the release address of a third-party library：[@react-native-oh-library/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +Find the matching version information in the release address of a third-party library：[@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -30,13 +37,13 @@ Go to the project directory and execute the following instruction: #### npm ```bash -npm install @react-native-oh-tpl/react-native-randombytes +npm install @react-native-ohos/react-native-randombytes ``` #### yarn ```bash -yarn add @react-native-oh-tpl/react-native-randombytes +yarn add @react-native-ohos/react-native-randombytes ``` @@ -101,11 +108,16 @@ 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 -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +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 + +Currently, Version <= @react-native-oh-tpl/react-native-randombytes@3.6.1-0.0.4@deprecated does not support AutoLink. Therefore, you need to manually configure the linking. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -133,7 +145,7 @@ Open `entry/oh-package.json5` file and add the following dependencies: ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-randombytes": "file:../../node_modules/@react-native-oh-tpl/react-native-randombytes/harmony/random_bytes.har" + "@react-native-ohos/react-native-randombytes": "file:../../node_modules/@react-native-ohos/react-native-randombytes/harmony/random_bytes.har" } ``` @@ -156,7 +168,7 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... -+ import { RandomBytesPackage } from '@react-native-oh-tpl/react-native-randombytes/ts'; ++ import { RandomBytesPackage } from '@react-native-ohos/react-native-randombytes/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -185,7 +197,7 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases) +Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes) This document is verified based on the following versions: 1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18; @@ -196,7 +208,7 @@ This document is verified based on the following versions: > [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android. -For details, see [react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes) +For details, see [react-native-randombytes](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes) | Name | Description | Type | Required | Platform | HarmonyOS Support | |----------------|-------------------------------| -- | -------- | ----------- | ----------------- | diff --git a/en/react-native-touch-id.md b/en/react-native-touch-id.md index 2d77894d..cd50ad03 100644 --- a/en/react-native-touch-id.md +++ b/en/react-native-touch-id.md @@ -14,9 +14,16 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-touch-id) +This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-touch-id`, After introducing the new version of the third-party library, The version correspondence details are as follows: + +| Version | Package Name | Repository | Release | +| --------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | +| <= 4.4.1-0.0.3 | @react-native-oh-tpl/react-native-touch-id | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-touch-id) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-touch-id/releases) | +| >= 4.4.2 | @react-native-ohos/react-native-touch-id | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | + ## Installation and Usage -Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +Find the matching version information in the release address of a third-party library：[@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -27,13 +34,13 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -npm install @react-native-oh-tpl/react-native-touch-id +npm install @react-native-ohos/react-native-touch-id ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/react-native-touch-id +yarn add @react-native-ohos/react-native-touch-id ``` @@ -79,11 +86,15 @@ export default App; ``` ## Use Codegen +Version >= @react-native-ohos/react-native-touch-id@4.4.2, compatible with codegen-lib for generating bridge code. + If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/en/codegen.md). ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-touch-id@4.4.2 now supports Autolink without requiring manual configuration, currently only supports 72 frameworks. Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/react-native-touch-id@4.4.1-0.0.3 does not support AutoLink. Therefore, you need to manually configure the linking. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -113,7 +124,7 @@ Open `entry/oh-package.json5` file and add the following dependencies: ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-touch-id": "file:../../node_modules/@react-native-oh-tpl/react-native-touch-id/harmony/touch_id.har" + "@react-native-ohos/react-native-touch-id": "file:../../node_modules/@react-native-ohos/react-native-touch-id/harmony/touch_id.har" } ``` @@ -137,7 +148,7 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... -+ import { TouchIdPackage } from "@react-native-oh-tpl/react-native-touch-id/ts"; ++ import { TouchIdPackage } from "@react-native-ohos/react-native-touch-id/ts"; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -167,7 +178,7 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases) +Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) ### Permission Requirements diff --git a/en/react-native-track-player.md b/en/react-native-track-player.md index c162c2e8..21190bf9 100644 --- a/en/react-native-track-player.md +++ b/en/react-native-track-player.md @@ -14,9 +14,16 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-track-player) +This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-track-player`, After introducing the new version of the third-party library, The version correspondence details are as follows: + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 4.1.2@deprecated | @react-native-oh-tpl/react-native-track-player | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-track-player) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-track-player/releases) | +| >= 4.1.3 | @react-native-ohos/react-native-track-player | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) | + ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +Find the matching version information in the release address of a third-party library: [@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -27,13 +34,13 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -npm install @react-native-oh-tpl/react-native-track-player +npm install @react-native-ohos/react-native-track-player ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/react-native-track-player +yarn add @react-native-ohos/react-native-track-player ``` @@ -122,11 +129,16 @@ export default TrackPlayerDemo; ## Use Codegen +Version >= @react-native-ohos/react-native-track-player@4.1.3, compatible with codegen-lib for generating bridge code. + If this repository has been adapted to `Codegen`, generate the bridge code of the third-party library by using the `Codegen`. For details, see [Codegen Usage Guide](/zh-cn/codegen.md). ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-track-player@4.1.3 now supports Autolink without requiring manual configuration, currently only supports 72 frameworks. +Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/react-native-track-player@4.1.2@deprecated does not support Autolink. Therefore, you need to manually configure the linking. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -154,7 +166,7 @@ Open `entry/oh-package.json5` file and add the following dependencies: ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-track-player": "file:../../node_modules/@react-native-oh-tpl/react-native-track-player/harmony/track_player.har" + "@react-native-ohos/react-native-track-player": "file:../../node_modules/@react-native-ohos/react-native-track-player/harmony/track_player.har", } ``` @@ -177,7 +189,7 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... -+ import { RNTrackPlayerPackage } from "@react-native-oh-tpl/react-native-track-player/ts"; ++ import { RNTrackPlayerPackage } from "@react-native-ohos/react-native-track-player/ts"; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -206,7 +218,7 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases) +Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) ### Permission Requirements diff --git a/en/react-native-video-cache.md b/en/react-native-video-cache.md index 199320cb..4d10b43b 100644 --- a/en/react-native-video-cache.md +++ b/en/react-native-video-cache.md @@ -15,9 +15,16 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-video-cache) +This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-video-cache`, After introducing the new version of the third-party library, The version correspondence details are as follows: + +| Version | Package Name | Repository | Release | +| --------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | +| <= 2.7.4 | @react-native-oh-tpl/react-native-video-cache | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-video-cache) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-video-cache/releases) | +| >= 2.7.5 | @react-native-ohos/react-native-video-cache | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) | + ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +Find the matching version information in the release address of a third-party library: [@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -28,13 +35,13 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -npm install @react-native-oh-tpl/react-native-video-cache +npm install @react-native-ohos/react-native-video-cache ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/react-native-video-cache +yarn add @react-native-ohos/react-native-video-cache ``` @@ -88,7 +95,9 @@ const styles = StyleSheet.create({ ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-video-cache@2.7.5 now supports Autolink without requiring manual configuration, currently only supports 72 frameworks. Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/react-native-video-cache@2.7.4 does not support AutoLink. Therefore, you need to manually configure the linking. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -116,7 +125,7 @@ Open `entry/oh-package.json5` file and add the following dependencies: ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/rnoh-video-cache": "file:../../node_modules/@react-native-oh-tpl/react-native-video-cache/harmony/react_native_video_cache.har" + "@react-native-ohos/rnoh-video-cache": "file:../../node_modules/@react-native-ohos/react-native-video-cache/harmony/react_native_video_cache.har" } ``` @@ -138,7 +147,7 @@ Open `entry/oh-package.json5` file and add the following dependencies: ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/rnoh-video-cache": "file:../../node_modules/@react-native-oh-tpl/react-native-video-cache/harmony/react_native_video_cache" + "@react-native-ohos/rnoh-video-cache": "file:../../node_modules/@react-native-ohos/react-native-video-cache/harmony/react_native_video_cache" } ``` @@ -157,7 +166,7 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... -+ import { RNVideoCachePackage } from '@react-native-oh-tpl/rnoh-video-cache/ts'; ++ import { RNVideoCachePackage } from '@react-native-ohos/rnoh-video-cache/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -186,7 +195,7 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases) +Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) This document is verified based on the following versions: diff --git a/en/react-native-voice-voice.md b/en/react-native-voice-voice.md index 21b8fc3f..f72791f1 100644 --- a/en/react-native-voice-voice.md +++ b/en/react-native-voice-voice.md @@ -16,24 +16,37 @@ ## Installation and Usage -Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases). - -Go to the project directory and execute the following instruction: +Please refer to the Releases page of the third-party library for the corresponding version information +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 3.2.4 | [@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases) | 0.72 | +| 3.2.5 | [@react-native-ohos/voice Releases](https://gitcode.com/openharmony-sig/rntpc_voice/releases) | 0.72 | +| 3.3.0 | [@react-native-ohos/voice Releases](https://gitcode.com/openharmony-sig/rntpc_voice/releases) | 0.77 | +For older versions not published on npm, please refer to the [Installation Guide](/zh-cn/tgz-usage.md) to install the tgz package. +Go to the project directory and execute the following instruction: #### **npm** ```bash +# V3.2.4 npm install @react-native-oh-tpl/voice + +# V3.2.5 +npm install @react-native-ohos/voice ``` #### **yarn** ```bash +# V3.2.4 yarn add @react-native-oh-tpl/voice + +# V3.2.5 +yarn add @react-native-ohos/voice ``` @@ -368,11 +381,16 @@ export default VoiceTest; ## Use Codegen +> [!TIP] V3.2.5 no need to execute Codegen + 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 -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/voice@3.2.5 now supports Autolink without requiring manual configuration, currently only supports 72 frameworks. +Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Currently, Version <= @react-native-oh-tpl/voice@3.2.4-0.0.5@deprecated does not support AutoLink. Therefore, you need to manually configure the linking. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -397,6 +415,8 @@ Method 1 (recommended): Use the HAR file. Open `entry/oh-package.json5` file and add the following dependencies: +- V3.2.4 + ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -404,6 +424,15 @@ Open `entry/oh-package.json5` file and add the following dependencies: } ``` +- V3.2.5 + +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/voice": "file:../../node_modules/@react-native-ohos/voice/harmony/voice.har" + } +``` + Click the `sync` button in the upper right corner. Alternatively, run the following instruction on the terminal: @@ -417,15 +446,79 @@ Method 2: Directly link to the source code. > [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md). -### 3. Introducing RNVoicePackage to ArkTS +### 3.Configure CMakeLists and import VoicePackage + +> [!TIP] If using version 3.2.4, please skip this chapter + +open `entry/src/main/cpp/CMakeLists.txt`，add： + +```cmake +project(rnapp) +cmake_minimum_required(VERSION 3.4.1) +set(CMAKE_SKIP_BUILD_RPATH TRUE) +set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}") +set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules") ++ set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules") +set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp") +set(LOG_VERBOSITY_LEVEL 1) +set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments") +set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie") +set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use +add_compile_definitions(WITH_HITRACE_SYSTRACE) + +add_subdirectory("${RNOH_CPP_DIR}" ./rn) + +# RNOH_BEGIN: manual_package_linking_1 +add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/voice/src/main/cpp" ./voice) +# RNOH_END: manual_package_linking_1 + +file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") + +add_library(rnoh_app SHARED + ${GENERATED_CPP_FILES} + "./PackageProvider.cpp" + "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp" +) +target_link_libraries(rnoh_app PUBLIC rnoh) + +# RNOH_BEGIN: manual_package_linking_2 +target_link_libraries(rnoh_app PUBLIC rnoh_sample_package) ++ target_link_libraries(rnoh_app PUBLIC rnoh_voice) +# RNOH_END: manual_package_linking_2 +``` + +open `entry/src/main/cpp/PackageProvider.cpp`，add： + +```c++ +#include "RNOH/PackageProvider.h" +#include "generated/RNOHGeneratedPackage.h" +#include "SamplePackage.h" ++ #include "VoicePackage.h" + +using namespace rnoh; + +std::vector> PackageProvider::getPackages(Package::Context ctx) { + return { + std::make_shared(ctx), + std::make_shared(ctx), ++ std::make_shared(ctx) + }; +} +``` + +### 4. Introducing RNVoicePackage to ArkTS Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code: ```diff ... - +// V3.2.4 + import { RNVoicePackage } from '@react-native-oh-tpl/voice/ts' +// V3.2.5 ++ import { RNVoicePackage } from '@react-native-ohos/voice/ts' + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -453,7 +546,13 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases) +Please refer to the Releases page of the third-party library for the corresponding version information + +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 3.2.4 | [@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases) | 0.72 | +| 3.2.5 | [@react-native-ohos/voice Releases](https://gitcode.com/openharmony-sig/rntpc_voice/releases) | 0.72 | +| 3.3.0 | [@react-native-ohos/voice Releases](https://gitcode.com/openharmony-sig/rntpc_voice/releases) | 0.77 | ### Permission Requirements diff --git a/zh-cn/react-native-audio-recorder-player.md b/zh-cn/react-native-audio-recorder-player.md index f65f0050..f401735e 100644 --- a/zh-cn/react-native-audio-recorder-player.md +++ b/zh-cn/react-native-audio-recorder-player.md @@ -20,7 +20,8 @@ | 三方库版本 | 发布信息 | 支持RN版本 | | ---------- | ------------------------------------------------------------ | ---------- | | 3.6.10 | [@react-native-oh-tpl/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases) | 0.72 | -| 3.6.14 | [@react-native-ohos/react-native-audio-recorder-player Releases]() | 0.77 | +| 3.6.11 | [@react-native-ohos/react-native-audio-recorder-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio-recorder-player/releases) | 0.72 | +| 3.6.14 | [@react-native-ohos/react-native-audio-recorder-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio-recorder-player/releases) | 0.77 | 对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 @@ -32,7 +33,7 @@ # V3.6.10 npm install @react-native-oh-tpl/react-native-audio-recorder-player -# V3.6.14 +# V3.6.11 npm install @react-native-ohos/react-native-audio-recorder-player ``` @@ -42,7 +43,7 @@ npm install @react-native-ohos/react-native-audio-recorder-player # V3.6.10 yarn add @react-native-oh-tpl/react-native-audio-recorder-player -# V3.6.14 +# V3.6.11 yarn add @react-native-ohos/react-native-audio-recorder-player ``` @@ -525,7 +526,10 @@ export default Page; ``` ## Link -目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version > @react-native-ohos/react-native-audio-recorder-player@3.6.11，已支持 Autolink，无需手动配置，目前只支持72框架。 +Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/react-native-audio-recorder-player@3.6.10-0.0.2@deprecated 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -561,7 +565,7 @@ export default Page; } ``` -+ V3.6.14 ++ V3.6.11 ```json "dependencies": { @@ -608,7 +612,7 @@ add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) # V3.6.10 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-audio-recorder-player/src/main/cpp" ./audio_recorder_player) -# V3.6.14 +# V3.6.11 + add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-audio-recorder-player/src/main/cpp" ./audio_recorder_player) # RNOH_END: manual_package_linking_1 @@ -653,7 +657,7 @@ std::vector> PackageProvider::getPackages(Package::Cont // V3.6.10 + import {RNAudioRecorderPlayerPackage} from '@react-native-oh-tpl/react-native-audio-recorder-player/ts'; -// V3.6.14 +// V3.6.11 + import {RNAudioRecorderPlayerPackage} from '@react-native-ohos/react-native-audio-recorder-player/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { @@ -685,7 +689,9 @@ ohpm install | 三方库版本 | 发布信息 | 支持RN版本 | | ---------- | ------------------------------------------------------------ | ---------- | | 3.6.10 | [@react-native-oh-tpl/react-native-audio-recorder-player Releases](https://github.com/react-native-oh-library/react-native-audio-recorder-player/releases) | 0.72 | -| 3.6.14 | [@react-native-ohos/react-native-audio-recorder-player Releases]() | 0.77 | +| 3.6.11 | [@react-native-ohos/react-native-audio-recorder-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio-recorder-player/releases) | 0.72 | +| 3.6.14 | [@react-native-ohos/react-native-audio-recorder-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio-recorder-player/releases) | 0.77 | + ### 权限要求 diff --git a/zh-cn/react-native-camera-kit.md b/zh-cn/react-native-camera-kit.md index 7141fd30..e975ddee 100644 --- a/zh-cn/react-native-camera-kit.md +++ b/zh-cn/react-native-camera-kit.md @@ -16,9 +16,16 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-camera-kit) +该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-camera-kit`，具体版本所属关系如下： + +| Version | Package Name | Repository | Release | +| --------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | +| <= 14.0.1 | @react-native-oh-tpl/react-native-camera-kit | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-camera-kit) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-camera-kit/releases) | +| >= 14.0.2 | @react-native-ohos/react-native-camera-kit | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | + ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -28,13 +35,13 @@ #### npm ```bash -npm install @react-native-oh-tpl/react-native-camera-kit +npm install @react-native-ohos/react-native-camera-kit ``` #### yarn ```bash -yarn add @react-native-oh-tpl/react-native-camera-kit +yarn add @react-native-ohos/react-native-camera-kit ``` @@ -161,11 +168,15 @@ const styles = StyleSheet.create({ ``` ## 使用 Codegen +Version >= @react-native-ohos/react-native-camera-kit@14.0.2，已适配codegen-lib生成桥接代码。 + 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/react-native-camera-kit@14.0.2，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/react-native-camera-kit@14.0.1 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -196,7 +207,7 @@ const styles = StyleSheet.create({ ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-camera-kit": "file:../../node_modules/@react-native-oh-tpl/react-native-camera-kit/harmony/camera_kit.har" + "@react-native-ohos/react-native-camera-kit": "file:../../node_modules/@react-native-ohos/react-native-camera-kit/harmony/camera_kit.har" } ``` @@ -219,7 +230,7 @@ ohpm install ```diff ... -+ import { RTNCameraKitView } from "@react-native-oh-tpl/react-native-camera-kit"; ++ import { RTNCameraKitView } from "@react-native-ohos/react-native-camera-kit"; @Builder export function buildCustomRNComponent(ctx: ComponentBuilderContext) { @@ -248,7 +259,7 @@ export function buildCustomRNComponent(ctx: ComponentBuilderContext) { ```diff ... -+ import { RTNCameraKitPackage } from "@react-native-oh-tpl/react-native-camera-kit/ts"; ++ import { RTNCameraKitPackage } from "@react-native-ohos/react-native-camera-kit/ts"; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -277,7 +288,7 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) ### 权限要求 diff --git a/zh-cn/react-native-create-thumbnail.md b/zh-cn/react-native-create-thumbnail.md index b626886c..e0137db0 100644 --- a/zh-cn/react-native-create-thumbnail.md +++ b/zh-cn/react-native-create-thumbnail.md @@ -16,15 +16,16 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-create-thumbnail) -## 安装与使用 +该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-create-thumbnail`，具体版本所属关系如下： -请到三方库的 Releases 发布地址查看配套的版本信息： +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 2.0.0-0.0.4@deprecated | @react-native-oh-tpl/react-native-create-thumbnail | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-create-thumbnail) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | +| >= 2.0.1 | @react-native-ohos/react-native-create-thumbnail | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases) | -| 三方库版本 | 发布信息 | 支持RN版本 | -| ---------- | ------------------------------------------------------------ | ---------- | -| 2.0.0 | [@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | 0.72 | -| 2.0.2 | [@react-native-ohos/react-native-create-thumbnail Releases]() | 0.77 | +## 安装与使用 +请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-create-thumbnail Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases) 。 对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -34,20 +35,12 @@ #### **npm** ```bash -# V2.0.0 -npm install @react-native-oh-tpl/react-native-create-thumbnail - -# V2.0.2 npm install @react-native-ohos/react-native-create-thumbnail ``` #### **yarn** ```bash -# V2.0.0 -yarn add @react-native-oh-tpl/react-native-create-thumbnail - -# V2.0.2 yarn add @react-native-ohos/react-native-create-thumbnail ``` @@ -157,7 +150,11 @@ const styles = StyleSheet.create({ ## Link -目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/react-native-create-thumbnail@2.0.1，已支持 Autolink，无需手动配置，目前只支持72框架。 +Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +0.72分支从RNOH 0.72.94版本（对应 @react-native-oh/react-native-harmony-cli 版本是0.0.40）开始可使用完整的 Autolinking 功能。 + +Version <= @react-native-oh-tpl/react-native-create-thumbnail@2.0.0-0.04@deprecated 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -190,7 +187,7 @@ const styles = StyleSheet.create({ ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-create-thumbnail": "file:../../node_modules/@react-native-oh-tpl/react-native-create-thumbnail/harmony/createThumbnail.har" + "@react-native-ohos/react-native-create-thumbnail": "file:../../node_modules/@react-native-ohos/react-native-create-thumbnail/harmony/createThumbnail.har" } ``` @@ -223,7 +220,7 @@ ohpm install ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-create-thumbnail": "file:../../node_modules/@react-native-oh-tpl/react-native-create-thumbnail/harmony/createThumbnail" + "@react-native-ohos/react-native-create-thumbnail": "file:../../node_modules/@react-native-ohos/react-native-create-thumbnail/harmony/createThumbnail" } ``` @@ -310,10 +307,6 @@ std::vector> PackageProvider::getPackages(Package::Cont ```diff ... -// V2.0.0 -+ import { CreateThumbnailPackage } from '@react-native-oh-tpl/react-native-create-thumbnail/ts'; - -// V2.0.2 + import { CreateThumbnailPackage } from '@react-native-ohos/react-native-create-thumbnail/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { @@ -347,7 +340,7 @@ ohpm install | 三方库版本 | 发布信息 | 支持RN版本 | | ---------- | ------------------------------------------------------------ | ---------- | -| 2.0.0 | [@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | 0.72 | +| 2.0.0 | [@react-native-ohos/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | 0.72 | | 2.0.2 | [@react-native-ohos/react-native-create-thumbnail Releases]() | 0.77 | ## API diff --git a/zh-cn/react-native-device-info.md b/zh-cn/react-native-device-info.md index e9f90957..d824f9ae 100644 --- a/zh-cn/react-native-device-info.md +++ b/zh-cn/react-native-device-info.md @@ -14,10 +14,16 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-device-info) +该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-device-info`，具体版本所属关系如下： + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 11.1.0-0.0.8@deprecated | @react-native-oh-tpl/react-native-device-info | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-device-info) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-device-info/releases) | +| >= 11.1.1 | @react-native-ohos/react-native-device-info | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) | ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -26,13 +32,13 @@ #### **npm** ```bash -npm install @react-native-oh-tpl/react-native-device-info +npm install @react-native-ohos/react-native-device-info ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/react-native-device-info +yarn add @react-native-ohos/react-native-device-info ``` @@ -151,11 +157,16 @@ export default App; ``` ## 使用 Codegen +Version >= @react-native-ohos/react-native-device-info@11.1.1，已适配codegen-lib生成桥接代码。 + 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -目前HarmonyOS暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/react-native-device-info@11.1.1，已支持 Autolink，无需手动配置，目前只支持72框架。 +Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/react-native-device-info@11.1.0-0.0.8@deprecated 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony` @@ -186,7 +197,7 @@ export default App; ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-device-info": "file:../../node_modules/@react-native-oh-tpl/react-native-device-info/harmony/device_info.har" + "@react-native-ohos/react-native-device-info": "file:../../node_modules/@react-native-ohos/react-native-device-info/harmony/device_info.har" } ``` @@ -210,7 +221,7 @@ ohpm install ```diff ... -+ import {RNDeviceInfoPackage} from '@react-native-oh-tpl/react-native-device-info/ts'; ++ import {RNDeviceInfoPackage} from '@react-native-ohos/react-native-device-info/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -239,7 +250,7 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) ### 权限要求 diff --git a/zh-cn/react-native-file-viewer.md b/zh-cn/react-native-file-viewer.md index cf05fce4..a0478bb9 100644 --- a/zh-cn/react-native-file-viewer.md +++ b/zh-cn/react-native-file-viewer.md @@ -15,9 +15,16 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-file-viewer) +该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-file-viewer`，具体版本所属关系如下： + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 2.1.6@deprecated | @react-native-oh-tpl/react-native-file-viewer | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-file-viewer) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-file-viewer/releases) | +| >= 2.1.7 | @react-native-ohos/react-native-file-viewer | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases) | + ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -26,13 +33,13 @@ #### **npm** ```bash -npm install @react-native-oh-tpl/react-native-file-viewer +npm install @react-native-ohos/react-native-file-viewer ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/react-native-file-viewer +yarn add @react-native-ohos/react-native-file-viewer ``` @@ -131,11 +138,16 @@ const styles = StyleSheet.create({ ## 使用 Codegen +Version >= @react-native-ohos/react-native-file-viewer@2.1.7，已适配codegen-lib生成桥接代码。 + 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/react-native-file-viewer@2.1.7，已支持 Autolink，无需手动配置，目前只支持72框架。 +Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-ohos/react-native-file-viewer@2.1.6@deprecated 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony` @@ -166,7 +178,7 @@ const styles = StyleSheet.create({ ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-file-viewer": "file:../../node_modules/@react-native-oh-tpl/react-native-file-viewer/harmony/file_viewer.har" + "@react-native-ohos/react-native-file-viewer": "file:../../node_modules/@react-native-ohos/react-native-file-viewer/harmony/file_viewer.har" } ``` @@ -189,7 +201,7 @@ ohpm install ```diff ... -+ import { RNFileViewerPackage } from '@react-native-oh-tpl/react-native-file-viewer/ts'; ++ import { RNFileViewerPackage } from '@react-native-ohos/react-native-file-viewer/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -218,7 +230,7 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases) ## API diff --git a/zh-cn/react-native-get-random-values.md b/zh-cn/react-native-get-random-values.md index e865e82a..e3f311a9 100644 --- a/zh-cn/react-native-get-random-values.md +++ b/zh-cn/react-native-get-random-values.md @@ -15,9 +15,17 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-get-random-values) +该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-get-random-values`，具体版本所属关系如下： + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 1.11.0-0.0.1@deprecated | @react-native-oh-tpl/react-native-get-random-values | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-get-random-values) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | +| >= 1.11.1 | @react-native-ohos/react-native-get-random-values | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases) | + + ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-get-random-values](https://github.com/react-native-oh-library/react-native-get-random-values/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-get-random-values](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -26,13 +34,13 @@ #### **npm** ```bash -npm install @react-native-oh-tpl/react-native-get-random-values +npm install @react-native-ohos/react-native-get-random-values ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/react-native-get-random-values +yarn add @react-native-ohos/react-native-get-random-values ``` @@ -80,7 +88,10 @@ export const GetRandomValues = () => { ## Link -目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/react-native-get-random-values@1.11.1，已支持 Autolink，无需手动配置，目前只支持72框架。 +Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/react-native-get-random-values@1.11.0-0.0.1@deprecated 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -111,7 +122,7 @@ export const GetRandomValues = () => { ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-get-random-values": "file:../../node_modules/@react-native-oh-tpl/react-native-get-random-values/harmony/get_random_values.har" + "@react-native-ohos/react-native-get-random-values": "file:../../node_modules/@react-native-ohos/react-native-get-random-values/harmony/get_random_values.har" } ``` @@ -134,7 +145,7 @@ ohpm install ```diff ... -+ import { RNGetRandomValuesPackage } from "@react-native-oh-tpl/react-native-get-random-values/ts"; ++ import { RNGetRandomValuesPackage } from "@react-native-ohos/react-native-get-random-values/ts"; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ diff --git a/zh-cn/react-native-image-colors.md b/zh-cn/react-native-image-colors.md index 352244f8..efe43d7f 100644 --- a/zh-cn/react-native-image-colors.md +++ b/zh-cn/react-native-image-colors.md @@ -22,7 +22,8 @@ | 三方库版本 | 发布信息 | 支持RN版本 | | ---------- | ------------------------------------------------------------ | ---------- | | 2.4.0 | [@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases) | 0.72 | -| 2.5.1 | [@react-native-ohos/react-native-image-colors Releases]() | 0.77 | +| 2.4.1 | [@react-native-ohos/react-native-image-colors Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-colors/releases) | 0.72 | +| 2.5.1 | [@react-native-ohos/react-native-image-colors Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-colors/releases) | 0.77 | 对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 @@ -36,7 +37,7 @@ # V2.4.0 npm install @react-native-oh-tpl/react-native-image-colors -# V2.5.1 +# V2.4.1 npm install @react-native-ohos/react-native-image-colors ``` @@ -46,7 +47,7 @@ npm install @react-native-ohos/react-native-image-colors # V2.4.0 yarn add @react-native-oh-tpl/react-native-image-colors -# V2.5.1 +# V2.4.1 yarn add @react-native-ohos/react-native-image-colors ``` @@ -212,13 +213,16 @@ const styles = StyleSheet.create({ ## 使用 Codegen -> [!TIP] V2.5.1 不需要执行Codegen +> [!TIP] V2.4.1 不需要执行Codegen 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/react-native-image-colors@2.4.1，已支持 Autolink，无需手动配置，目前只支持72框架。 +Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/react-native-image-colors@2.4.0 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony` @@ -255,7 +259,7 @@ const styles = StyleSheet.create({ } ``` -- V2.5.1 +- V2.4.1 ```json "dependencies": { @@ -349,7 +353,7 @@ std::vector> PackageProvider::getPackages(Package::Cont // V2.4.0 + import { RNImageColorsPackage } from "@react-native-oh-tpl/react-native-image-colors/ts"; -// V2.5.1 +// V2.4.1 + import { RNImageColorsPackage } from "@react-native-ohos/react-native-image-colors/ts"; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { @@ -384,7 +388,8 @@ ohpm install | 三方库版本 | 发布信息 | 支持RN版本 | | ---------- | ------------------------------------------------------------ | ---------- | | 2.4.0 | [@react-native-oh-tpl/react-native-image-colors Releases](https://github.com/react-native-oh-library/react-native-image-colors/releases) | 0.72 | -| 2.5.1 | [@react-native-ohos/react-native-image-colors Releases]() | 0.77 | +| 2.4.1 | [@react-native-ohos/react-native-image-colors Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-colors/releases) | 0.72 | +| 2.5.1 | [@react-native-ohos/react-native-image-colors Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-colors/releases) | 0.77 | ## API diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md index ed41411c..338e616a 100644 --- a/zh-cn/react-native-image-crop-picker.md +++ b/zh-cn/react-native-image-crop-picker.md @@ -9,7 +9,7 @@ | Version | Package Name | Repository | Release | | --------------------------- | ------------------------------------ | -------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- | | <= 0.40.3-0.0.14@deprecated | @react-native-oh-tpl/react-native-image-crop-picker | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-crop-picker) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases) | -| >= 0.40.4 | @react-native-ohos/react-native-image-crop-picker | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-image-crop-picker) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) | +| >= 0.40.4 | @react-native-ohos/react-native-image-crop-picker | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) | ## 1.安装与使用 @@ -786,6 +786,10 @@ export default ImageCropPickDemo; ``` ## 2. Manual Link +Version >= @react-native-ohos/react-native-image-crop-picker@0.40.5，已支持 Autolink，无需手动配置，目前只支持72框架。 +Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version < @react-native-ohos/react-native-image-crop-picker@0.40.5，Version <= @react-native-oh-tpl/react-native-image-crop-picker@0.40.3-0.0.14@deprecated 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 此步骤为手动配置原生依赖项的指导。 @@ -1031,7 +1035,7 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-image-crop-picker Releases ](https://gitee.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-image-crop-picker Releases ](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) ## 4. API diff --git a/zh-cn/react-native-image-rotate.md b/zh-cn/react-native-image-rotate.md index c09f9076..f81a7358 100644 --- a/zh-cn/react-native-image-rotate.md +++ b/zh-cn/react-native-image-rotate.md @@ -15,9 +15,16 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-rotate) +该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-image-rotate`，具体版本所属关系如下： + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 2.1.0-0.0.3@deprecated | @react-native-oh-tpl/react-native-image-rotate | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-rotate) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-rotate/releases) | +| >= 2.1.1 | @react-native-ohos/react-native-image-rotate | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases) | + ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-image-rotate Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -30,13 +37,13 @@ #### npm ```bash -npm install @react-native-oh-tpl/react-native-image-rotate +npm install @react-native-ohos/react-native-image-rotate ``` #### yarn ```bash -yarn add @react-native-oh-tpl/react-native-image-rotate +yarn add @react-native-ohos/react-native-image-rotate ``` 快速使用： @@ -141,7 +148,11 @@ const styles = StyleSheet.create({ ## Link -目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/react-native-image-rotate@2.1.1，已支持 Autolink，无需手动配置，目前只支持72框架。 +Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md +0.72分支从RNOH 0.72.94版本（对应 @react-native-oh/react-native-harmony-cli 版本是0.0.40）开始可使用完整的 Autolinking 功能。 + +Version <= @react-native-oh-tpl/react-native-image-rotate@2.1.0-0.0.3@deprecated 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -172,7 +183,7 @@ const styles = StyleSheet.create({ ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-image-rotate": "file:../../node_modules/@react-native-oh-tpl/react-native-image-rotate/harmony/imageRotate.har" + "@react-native-ohos/react-native-image-rotate": "file:../../node_modules/@react-native-ohos/react-native-image-rotate/harmony/imageRotate.har" } ``` @@ -196,7 +207,7 @@ ohpm install ```diff ... -+ import { RNImageRotatePackage } from '@react-native-oh-tpl/react-native-image-rotate/ts'; ++ import { RNImageRotatePackage } from '@react-native-ohos/react-native-image-rotate/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -225,7 +236,7 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases) ## 静态方法 diff --git a/zh-cn/react-native-inappbrowser.md b/zh-cn/react-native-inappbrowser.md index dbe4715d..1d8adc3c 100644 --- a/zh-cn/react-native-inappbrowser.md +++ b/zh-cn/react-native-inappbrowser.md @@ -14,22 +14,29 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-inappbrowser) +该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-inappbrowser`，具体版本所属关系如下： + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 3.7.0-0.0.4@deprecated | @react-native-ohos/react-native-inappbrowser | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-inappbrowser) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | +| >= 3.7.1 | @react-native-ohos/react-native-inappbrowser | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser/releases) | + ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： #### **npm** ``` -npm install @react-native-oh-tpl/react-native-inappbrowser-reborn +npm install @react-native-ohos/react-native-inappbrowser-reborn ``` #### **yarn** ``` -yarn add @react-native-oh-tpl/react-native-inappbrowser-reborn +yarn add @react-native-ohos/react-native-inappbrowser-reborn ``` 下面的代码展示了这个库的基本使用场景： @@ -257,11 +264,15 @@ export const tryDeepLinking = async () => { ## 使用 Codegen +Version >= @react-native-ohos/react-native-inappbrowser@3.7.1，已适配codegen-lib生成桥接代码。 + 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/react-native-localize@3.7.1，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/react-native-localize@3.7.0-0.0.4@deprecated 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 harmony @@ -344,7 +355,7 @@ export default class BrowserManagerAbility extends UIAbility { **3.在 entry/src/main/ets/pages 下创建 BrowserManagerPage.ets** ``` -import { BrowserPage } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/Index' +import { BrowserPage } from '@react-native-ohos/react-native-inappbrowser-reborn/Index' @Entry @Component @@ -376,7 +387,7 @@ struct ChromeTabsManagerPage { **5.如果需要预热应用内浏览器客户端，使其启动速度显著加快，可以将以下内容添加到BrowserManagerAbility** ``` -import { RNInAppBrowserModule } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/ts'; +import { RNInAppBrowserModule } from '@react-native-ohos/react-native-inappbrowser-reborn/ts'; export default class BrowserManagerAbility extends UIAbility { @@ -403,7 +414,7 @@ export default class BrowserManagerAbility extends UIAbility { ``` "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-inappbrowser-reborn": "file:../../node_modules/@react-native-oh-tpl/react-native-inappbrowser-reborn/harmony/inappbrowser.har" + "@react-native-ohos/react-native-inappbrowser-reborn": "file:../../node_modules/@react-native-ohos/react-native-inappbrowser-reborn/harmony/inappbrowser.har" } ``` @@ -426,7 +437,7 @@ ohpm install ```diff ... -+ import { RNInAppBrowserPackage } from '@react-native-oh-tpl/react-native-inappbrowser-reborn/ts'; ++ import { RNInAppBrowserPackage } from '@react-native-ohos/react-native-inappbrowser-reborn/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -455,7 +466,7 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser) ## API diff --git a/zh-cn/react-native-incall-manager.md b/zh-cn/react-native-incall-manager.md index 9715c6be..2682f5b6 100644 --- a/zh-cn/react-native-incall-manager.md +++ b/zh-cn/react-native-incall-manager.md @@ -18,11 +18,17 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-incall-manager) +该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-incall-manager`，具体版本所属关系如下： + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 4.2.0-0.0.4@deprecated | @react-native-oh-tpl/react-native-incall-manager | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-incall-manager) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-incall-manager/releases) | +| > 4.2.1 | @react-native-ohos/react-native-incall-manager | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) | ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -33,13 +39,13 @@ #### **npm** ```bash -npm install @react-native-oh-tpl/react-native-incall-manager +npm install @react-native-ohos/react-native-incall-manager ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/react-native-incall-manager +yarn add @react-native-ohos/react-native-incall-manager ``` @@ -491,7 +497,10 @@ export default function InCallManagerExample() { ``` ## Link -目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version > @react-native-ohos/react-native-incall-manager@3.1.0，已支持 Autolink，无需手动配置，目前只支持72框架。 +Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/react-native-incall-manager@3.1.0-0.0.1@deprecated 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -523,7 +532,7 @@ export default function InCallManagerExample() { "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-incall-manager": "file:../../node_modules/@react-native-oh-tpl/react-native-incall-manager/harmony/in_call_manager.har" + "@react-native-ohos/react-native-incall-manager": "file:../../node_modules/@react-native-ohos/react-native-incall-manager/harmony/in_call_manager.har" } ``` @@ -562,7 +571,7 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) -+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-incall-manager/src/main/cpp" ./in_call_manager) ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-incall-manager/src/main/cpp" ./in_call_manager) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -602,7 +611,7 @@ std::vector> PackageProvider::getPackages(Package::Cont 打开 `entry/src/main/ets/RNPackagesFactory.ts`，或者`entry/src/main/ets/rn/RNPackagesFactory.ts`，添加： ```diff -+ import { RNInCallManagerPackage } from '@react-native-oh-tpl/react-native-incall-manager/ts'; ++ import { RNInCallManagerPackage } from '@react-native-ohos/react-native-incall-manager/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -631,7 +640,7 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) ### 应用权限申请 diff --git a/zh-cn/react-native-masked-view-masked-view.md b/zh-cn/react-native-masked-view-masked-view.md index fa920384..74076fbc 100644 --- a/zh-cn/react-native-masked-view-masked-view.md +++ b/zh-cn/react-native-masked-view-masked-view.md @@ -14,9 +14,16 @@ > [!Tip] [Github 地址](https://github.com/react-native-oh-library/masked-view) +该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/masked-view`，具体版本所属关系如下： + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 0.2.10@deprecated | @react-native-oh-tpl/masked-view | [Github(deprecated)](https://github.com/react-native-oh-library/masked-view) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/masked-view/releases) | +| >= 0.2.11 | @react-native-ohos/masked-view | [GitCode](https://gitcode.com/openharmony-sig/rntpc_masked-view) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) | + ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -25,13 +32,13 @@ #### **npm** ```bash -npm install @react-native-oh-tpl/masked-view +npm install @react-native-ohos/masked-view ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/masked-view +yarn add @react-native-ohos/masked-view ``` @@ -102,7 +109,10 @@ export default MaskedDemo ## Link -目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/masked-view@0.2.11，已支持 Autolink，无需手动配置，目前只支持72框架。 +Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/masked-view@0.2.10@deprecated 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -134,7 +144,7 @@ export default MaskedDemo "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/masked-view": "file:../../node_modules/@react-native-oh-tpl/masked-view/harmony/masked_view.har" + "@react-native-ohos/masked-view": "file:../../node_modules/@react-native-ohos/masked-view/harmony/masked_view.har" } ``` @@ -173,7 +183,7 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) -+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/masked-view/src/main/cpp" ./masked-view) ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/masked-view/src/main/cpp" ./masked-view) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -229,7 +239,7 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) ## 属性 diff --git a/zh-cn/react-native-randombytes.md b/zh-cn/react-native-randombytes.md index 5fa1ecbf..08efeeb7 100644 --- a/zh-cn/react-native-randombytes.md +++ b/zh-cn/react-native-randombytes.md @@ -17,9 +17,16 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-randombytes) +该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-randombytes`，具体版本所属关系如下： + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 3.6.1-0.0.4@deprecated | @react-native-oh-tpl/react-native-randombytes | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-randombytes) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-randombytes/releases) | +| >= 3.6.2 | @react-native-ohos/react-native-randombytes | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) | + ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -30,13 +37,13 @@ #### npm ```bash -npm install @react-native-oh-tpl/react-native-randombytes +npm install @react-native-ohos/react-native-randombytes ``` #### yarn ```bash -yarn add @react-native-oh-tpl/react-native-randombytes +yarn add @react-native-ohos/react-native-randombytes ``` @@ -103,11 +110,16 @@ 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 -目前 HarmonyOS 暂不支持 AutoLink，所以 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 + +Version <= @react-native-oh-tpl/react-native-randombytes@3.6.1-0.0.4@deprecated 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -138,7 +150,7 @@ const styles = StyleSheet.create({ ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-randombytes": "file:../../node_modules/@react-native-oh-tpl/react-native-randombytes/harmony/random_bytes.har" + "@react-native-ohos/react-native-randombytes": "file:../../node_modules/@react-native-ohos/react-native-randombytes/harmony/random_bytes.har" } ``` @@ -161,7 +173,7 @@ ohpm install ```diff ... -+ import { RandomBytesPackage } from '@react-native-oh-tpl/react-native-randombytes/ts'; ++ import { RandomBytesPackage } from '@react-native-ohos/react-native-randombytes/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -190,7 +202,7 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) 本文档内容基于以下版本验证通过： 1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18; @@ -201,7 +213,7 @@ ohpm install > [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。 -详情请见[react-native-randombytes](https://github.com/react-native-oh-library/react-native-randombytes) +详情请见[react-native-randombytes](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes) | Name | Description | Type | Required | Platform | HarmonyOS Support | |----------------|-------------------------------| -- | -------- | ----------- | ----------------- | diff --git a/zh-cn/react-native-touch-id.md b/zh-cn/react-native-touch-id.md index aaf10212..a4b39926 100644 --- a/zh-cn/react-native-touch-id.md +++ b/zh-cn/react-native-touch-id.md @@ -14,9 +14,16 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-touch-id) +该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-touch-id`，具体版本所属关系如下： + +| Version | Package Name | Repository | Release | +| --------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | +| <= 4.4.1-0.0.3 | @react-native-oh-tpl/react-native-touch-id | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-touch-id) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-touch-id/releases) | +| >= 4.4.2 | @react-native-ohos/react-native-touch-id | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | + ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -26,13 +33,13 @@ #### **npm** ```bash -npm install @react-native-oh-tpl/react-native-touch-id +npm install @react-native-ohos/react-native-touch-id ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/react-native-touch-id +yarn add @react-native-ohos/react-native-touch-id ``` @@ -78,10 +85,15 @@ export default App; ``` ## 使用 Codegen -本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/codegen.md)。 +Version >= @react-native-ohos/react-native-touch-id@4.4.2，已适配codegen-lib生成桥接代码。 + +本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 + ## Link -目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/react-native-touch-id@4.4.2，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/react-native-touch-id@4.4.1-0.0.3 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -112,7 +124,7 @@ export default App; ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-touch-id": "file:../../node_modules/@react-native-oh-tpl/react-native-touch-id/harmony/touch_id.har" + "@react-native-ohos/react-native-touch-id": "file:../../node_modules/@react-native-ohos/react-native-touch-id/harmony/touch_id.har" } ``` @@ -136,7 +148,7 @@ ohpm install ```diff ... -+ import { TouchIdPackage } from "@react-native-oh-tpl/react-native-touch-id/ts"; ++ import { TouchIdPackage } from "@react-native-ohos/react-native-touch-id/ts"; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -166,7 +178,7 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) ### 权限要求 diff --git a/zh-cn/react-native-track-player.md b/zh-cn/react-native-track-player.md index 36c8ffc7..17bedfd8 100644 --- a/zh-cn/react-native-track-player.md +++ b/zh-cn/react-native-track-player.md @@ -16,9 +16,16 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-track-player) +该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-track-player`，具体版本所属关系如下： + +| Version | Package Name | Repository | Release | +| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | +| <= 4.1.2@deprecated | @react-native-oh-tpl/react-native-track-player | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-track-player) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-track-player/releases) | +| >= 4.1.3 | @react-native-ohos/react-native-track-player | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) | + ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -27,13 +34,13 @@ #### **npm** ```bash -npm install @react-native-oh-tpl/react-native-track-player +npm install @react-native-ohos/react-native-track-player ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/react-native-track-player +yarn add @react-native-ohos/react-native-track-player ``` @@ -133,11 +140,16 @@ export default TrackPlayerDemo; ## 使用 Codegen +Version >= @react-native-ohos/react-native-track-player@4.1.3，已适配codegen-lib生成桥接代码。 + 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 ## Link -目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/react-native-track-player@4.1.3，已支持 Autolink，无需手动配置，目前只支持72框架。 +Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/react-native-track-player@4.1.2@deprecated 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -168,7 +180,7 @@ export default TrackPlayerDemo; ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-track-player": "file:../../node_modules/@react-native-oh-tpl/react-native-track-player/harmony/track_player.har" + "@react-native-ohos/react-native-track-player": "file:../../node_modules/@react-native-ohos/react-native-track-player/harmony/track_player.har", } ``` @@ -191,7 +203,7 @@ ohpm install ```diff ... -+ import { RNTrackPlayerPackage } from "@react-native-oh-tpl/react-native-track-player/ts"; ++ import { RNTrackPlayerPackage } from "@react-native-ohos/react-native-track-player/ts"; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -220,7 +232,7 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) ### 权限要求 diff --git a/zh-cn/react-native-video-cache.md b/zh-cn/react-native-video-cache.md index e4302e33..a3f87158 100644 --- a/zh-cn/react-native-video-cache.md +++ b/zh-cn/react-native-video-cache.md @@ -19,9 +19,16 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-video-cache) +该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-video-cache`，具体版本所属关系如下： + +| Version | Package Name | Repository | Release | +| --------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | +| <= 2.7.4 | @react-native-oh-tpl/react-native-video-cache | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-video-cache) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-video-cache/releases) | +| >= 2.7.5 | @react-native-ohos/react-native-video-cache | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) | + ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -32,13 +39,13 @@ #### npm ```bash -npm install @react-native-oh-tpl/react-native-video-cache +npm install @react-native-ohos/react-native-video-cache ``` #### yarn ```bash -yarn add @react-native-oh-tpl/react-native-video-cache +yarn add @react-native-ohos/react-native-video-cache ``` @@ -92,7 +99,9 @@ const styles = StyleSheet.create({ ## Link -目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/react-native-video-cache@2.7.5，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/react-native-video-cache@2.7.4 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -123,7 +132,7 @@ const styles = StyleSheet.create({ ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/rnoh-video-cache": "file:../../node_modules/@react-native-oh-tpl/react-native-video-cache/harmony/react_native_video_cache.har" + "@react-native-ohos/rnoh-video-cache": "file:../../node_modules/@react-native-ohos/react-native-video-cache/harmony/react_native_video_cache.har" } ``` @@ -145,7 +154,7 @@ ohpm install ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/rnoh-video-cache": "file:../../node_modules/@react-native-oh-tpl/react-native-video-cache/harmony/react_native_video_cache" + "@react-native-ohos/rnoh-video-cache": "file:../../node_modules/@react-native-ohos/react-native-video-cache/harmony/react_native_video_cache" } ``` @@ -162,7 +171,7 @@ ohpm install --no-link ```diff ... -+ import { RNVideoCachePackage } from '@react-native-oh-tpl/rnoh-video-cache/ts'; ++ import { RNVideoCachePackage } from '@react-native-ohos/rnoh-video-cache/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -191,7 +200,7 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases)。 +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases)。 本文档内容基于以下版本验证通过： 1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1(full sdk); IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18; diff --git a/zh-cn/react-native-voice-voice.md b/zh-cn/react-native-voice-voice.md index a67c6827..cb9b0917 100644 --- a/zh-cn/react-native-voice-voice.md +++ b/zh-cn/react-native-voice-voice.md @@ -21,7 +21,8 @@ | 三方库版本 | 发布信息 | 支持RN版本 | | ---------- | ------------------------------------------------------------ | ---------- | | 3.2.4 | [@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases) | 0.72 | -| 3.2.5 | [@react-native-ohos/voice Releases]() | 0.77 | +| 3.2.5 | [@react-native-ohos/voice Releases](https://gitcode.com/openharmony-sig/rntpc_voice/releases) | 0.72 | +| 3.3.0 | [@react-native-ohos/voice Releases](https://gitcode.com/openharmony-sig/rntpc_voice/releases) | 0.77 | 对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 @@ -380,7 +381,10 @@ export default VoiceTest; ## Link -目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/voice@3.2.5，已支持 Autolink，无需手动配置，目前只支持72框架。 +Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +Version <= @react-native-oh-tpl/voice@3.2.4-0.0.5@deprecated 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -544,7 +548,8 @@ ohpm install | 三方库版本 | 发布信息 | 支持RN版本 | | ---------- | ------------------------------------------------------------ | ---------- | | 3.2.4 | [@react-native-oh-tpl/voice Releases](https://github.com/react-native-oh-library/voice/releases) | 0.72 | -| 3.2.5 | [@react-native-ohos/voice Releases]() | 0.77 | +| 3.2.5 | [@react-native-ohos/voice Releases](https://gitcode.com/openharmony-sig/rntpc_voice/releases) | 0.72 | +| 3.3.0 | [@react-native-ohos/voice Releases](https://gitcode.com/openharmony-sig/rntpc_voice/releases) | 0.77 | ### 权限要求 由于此库涉及语音识别会使用到系统录音功能，使用时需要配置对应的权限，权限需配置在entry/src/main目录下module.json5和entry/src/main/resources/base/element目录下string.json文件 @@ -624,7 +629,7 @@ ohpm install - [ ] 原库支持多种区域和语言，HarmonyOS侧暂只支持中文 问题: [issue#3](https://github.com/react-native-oh-library/voice/issues/3) ## 其他 -- removeAllListeners方法未生效，与iOS效果一致。问题: [issue#491]((https://github.com/react-native-voice/voice/issues/491) +- removeAllListeners方法未生效，与iOS效果一致。问题: [issue#491](https://github.com/react-native-voice/voice/issues/491) ## 开源协议 本项目基于 [The MIT License (MIT)](https://github.com/react-native-voice/voice/blob/master/LICENSE) ，请自由地享受和参与开源。 \ No newline at end of file -- Gitee From e1a72dc566369d5f4c860fead80696c1b2619acf Mon Sep 17 00:00:00 2001 From: chenyihao9 <286884497@qq.com> Date: Fri, 21 Nov 2025 14:24:05 +0800 Subject: [PATCH 2/3] =?UTF-8?q?docs:=20=E4=B8=89=E6=96=B9=E5=BA=93?= =?UTF-8?q?=E9=80=82=E9=85=8Dcli=E5=B7=A5=E5=85=B7=E9=9C=80=E6=B1=8217?= =?UTF-8?q?=E4=B8=AA=E4=B8=89=E6=96=B9=E5=BA=93=E6=96=87=E6=A1=A3=E4=BF=AE?= =?UTF-8?q?=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- en/react-native-image-colors.md | 4 ++-- en/react-native-image-crop-picker.md | 27 ++++++++++++++------------- 2 files changed, 16 insertions(+), 15 deletions(-) diff --git a/en/react-native-image-colors.md b/en/react-native-image-colors.md index 2b46aac7..32160457 100644 --- a/en/react-native-image-colors.md +++ b/en/react-native-image-colors.md @@ -278,7 +278,7 @@ Method 2: Directly link to the source code. > [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md). -### 3.Configure CMakeLists and import VoicePackage +### 3. Configure CMakeLists and import ImageColorsPackage > [!TIP] If using version 2.4.0, please skip this chapter @@ -339,7 +339,7 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 4. Introducing RNVoicePackage to ArkTS +### 4. Introducing RNImageColorsPackage to ArkTS Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code: diff --git a/en/react-native-image-crop-picker.md b/en/react-native-image-crop-picker.md index e59d4cc5..a3fdb8fa 100644 --- a/en/react-native-image-crop-picker.md +++ b/en/react-native-image-crop-picker.md @@ -843,7 +843,7 @@ Method 2: Directly link to the source code. > [!TIP] For details, see [Directly Linking Source Code](/en/link-source-code.md). -### 2.3 Configuring CMakeLists and Introducing RNFSPackage +### 2.3 Configuring CMakeLists and Introducing ImageCropPickerPackage > [!TIP] Required for version `0.40.4` and above @@ -895,7 +895,7 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 2.4. Introducing FsPackage to ArkTS +### 2.4. Introducing ImageCropPickerPackage to ArkTS Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code: @@ -964,18 +964,19 @@ export default class ImageEditAbility extends UIAbility { **(2)Register ImageEditAbility in entry/src/main/module.json5.** -``` -"abilities":[{ - "name": "ImageEditAbility", - "srcEntry": "./ets/entryability/ImageEditAbility.ets", - "description": "$string:EntryAbility_desc", - "icon": "$media:icon", - "startWindowIcon": "$media:startIcon", - "startWindowBackground": "$color:start_window_background", - "removeMissionAfterTerminate": true, +```diff +"abilities":[ + ... ++ { ++ "name": "ImageEditAbility", ++ "srcEntry": "./ets/entryability/ImageEditAbility.ets", ++ "description": "$string:EntryAbility_desc", ++ "icon": "$media:icon", ++ "startWindowIcon": "$media:startIcon", ++ "startWindowBackground": "$color:start_window_background", ++ "removeMissionAfterTerminate": true, ++ } -} -... ] ``` -- Gitee From 98595fa3b6864edb5191f9391943451bdc018280 Mon Sep 17 00:00:00 2001 From: chenyihao9 <286884497@qq.com> Date: Fri, 21 Nov 2025 19:31:46 +0800 Subject: [PATCH 3/3] =?UTF-8?q?docs:=20=E4=B8=89=E6=96=B9=E5=BA=93?= =?UTF-8?q?=E9=80=82=E9=85=8Dcli=E5=B7=A5=E5=85=B7=E9=9C=80=E6=B1=8217?= =?UTF-8?q?=E4=B8=AA=E4=B8=89=E6=96=B9=E5=BA=93=E6=96=87=E6=A1=A3=E8=AF=84?= =?UTF-8?q?=E5=AE=A1=E9=97=AE=E9=A2=98=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- en/react-native-audio-recorder-player.md | 25 ---------------- en/react-native-camera-kit.md | 23 ++++++++++----- en/react-native-create-thumbnail.md | 23 ++++++++++----- en/react-native-device-info.md | 22 +++++++++----- en/react-native-file-viewer.md | 23 ++++++++++----- en/react-native-get-random-values.md | 23 ++++++++++----- en/react-native-image-colors.md | 23 --------------- en/react-native-image-crop-picker.md | 24 ++++++++++----- en/react-native-image-rotate.md | 23 ++++++++++----- en/react-native-inappbrowser.md | 24 +++++++++------ en/react-native-incall-manager.md | 24 ++++++++++----- en/react-native-masked-view-masked-view.md | 22 +++++++++----- en/react-native-randombytes.md | 23 ++++++++++----- en/react-native-touch-id.md | 16 ++++++++-- en/react-native-track-player.md | 23 ++++++++++----- en/react-native-video-cache.md | 25 ++++++++++------ en/react-native-voice-voice.md | 27 ++--------------- zh-cn/react-native-audio-recorder-player.md | 28 ------------------ zh-cn/react-native-camera-kit.md | 23 ++++++++++----- zh-cn/react-native-create-thumbnail.md | 23 ++++++++------- zh-cn/react-native-device-info.md | 22 +++++++++----- zh-cn/react-native-file-viewer.md | 23 ++++++++++----- zh-cn/react-native-get-random-values.md | 24 ++++++++++----- zh-cn/react-native-image-colors.md | 23 --------------- zh-cn/react-native-image-crop-picker.md | 23 ++++++++++----- zh-cn/react-native-image-rotate.md | 23 ++++++++++----- zh-cn/react-native-inappbrowser.md | 24 ++++++++++----- zh-cn/react-native-incall-manager.md | 24 +++++++++------ zh-cn/react-native-masked-view-masked-view.md | 23 ++++++++++----- zh-cn/react-native-randombytes.md | 23 ++++++++++----- zh-cn/react-native-touch-id.md | 23 +++++++++------ zh-cn/react-native-track-player.md | 23 ++++++++++----- zh-cn/react-native-video-cache.md | 29 ++++++++++--------- zh-cn/react-native-voice-voice.md | 25 +--------------- 34 files changed, 423 insertions(+), 376 deletions(-) diff --git a/en/react-native-audio-recorder-player.md b/en/react-native-audio-recorder-player.md index 9189a159..3805670b 100644 --- a/en/react-native-audio-recorder-player.md +++ b/en/react-native-audio-recorder-player.md @@ -32,20 +32,12 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -# V3.6.10 -npm install @react-native-oh-tpl/react-native-audio-recorder-player - -# V3.6.11 npm install @react-native-ohos/react-native-audio-recorder-player ``` #### **yarn** ```bash -# V3.6.10 -yarn add @react-native-oh-tpl/react-native-audio-recorder-player - -# V3.6.11 yarn add @react-native-ohos/react-native-audio-recorder-player ``` @@ -555,15 +547,6 @@ Method 1 (recommended): Use the HAR file. > [!TIP] The HAR file is stored in the `harmony` directory in the installation path of the third-party library. Open `entry/oh-package.json5` file and add the following dependencies: -+ V3.6.10 - -```json -"dependencies": { - "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - - "@react-native-oh-tpl/react-native-audio-recorder-player": "file:../../node_modules/@react-native-oh-tpl/react-native-audio-recorder-player/harmony/audio_recorder_player.har" - } -``` + V3.6.11 @@ -610,10 +593,6 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) -# V3.6.10 -+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-audio-recorder-player/src/main/cpp" ./audio_recorder_player) - -# V3.6.11 + add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-audio-recorder-player/src/main/cpp" ./audio_recorder_player) # RNOH_END: manual_package_linking_1 @@ -656,10 +635,6 @@ std::vector> PackageProvider::getPackages(Package::Cont Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code: ```diff -// V3.6.10 -+ import {RNAudioRecorderPlayerPackage} from '@react-native-oh-tpl/react-native-audio-recorder-player/ts'; - -// V3.6.11 + import {RNAudioRecorderPlayerPackage} from '@react-native-ohos/react-native-audio-recorder-player/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { diff --git a/en/react-native-camera-kit.md b/en/react-native-camera-kit.md index 54730940..f77997fa 100644 --- a/en/react-native-camera-kit.md +++ b/en/react-native-camera-kit.md @@ -16,16 +16,17 @@ > [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-camera-kit) -This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-camera-kit`, After introducing the new version of the third-party library, The version correspondence details are as follows: +## Installation and Usage -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 14.0.1 | @react-native-oh-tpl/react-native-camera-kit | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-camera-kit) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-camera-kit/releases) | -| >= 14.0.2 | @react-native-ohos/react-native-camera-kit | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | +Please refer to the Releases page of the third-party library for the corresponding version information: -## Installation and Usage +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 14.0.1 | [@react-native-oh-tpl/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases) | 0.72 | +| 14.0.2 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.72 | +| 15.1.1 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.77 | -Find the matching version information in the release address of a third-party library: [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +For older versions not published on npm, please refer to the [Installation Guide](/zh-cn/tgz-usage.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -290,7 +291,13 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) +Please refer to the Releases page of the third-party library for the corresponding version information: + +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 14.0.1 | [@react-native-oh-tpl/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases) | 0.72 | +| 14.0.2 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.72 | +| 15.1.1 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.77 | ### Permission Requirements diff --git a/en/react-native-create-thumbnail.md b/en/react-native-create-thumbnail.md index c79479d1..fe054e44 100644 --- a/en/react-native-create-thumbnail.md +++ b/en/react-native-create-thumbnail.md @@ -16,16 +16,17 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-create-thumbnail) -This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-create-thumbnail`, After introducing the new version of the third-party library, The version correspondence details are as follows: +## Installation and Usage -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 2.0.0-0.0.4@deprecated | @react-native-oh-tpl/react-native-create-thumbnail | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-create-thumbnail) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | -| >= 2.0.1 | @react-native-ohos/react-native-create-thumbnail | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases) | +Please refer to the Releases page of the third-party library for the corresponding version information -## Installation and Usage +| Third-party Library Version | Release Information | Supported RN Version | +|-------| ------------------------------------------------------------ | ---------- | +| 2.0.0 | [@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | 0.72 | +| 2.0.1 | [@react-native-ohos/react-native-create-thumbnail Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases) | 0.72 | +| 2.1.0 | [@react-native-ohos/react-native-create-thumbnail Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases) | 0.77 | -Find the matching version information in the release address of a third-party library：[@react-native-ohos/react-native-create-thumbnail Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +For older versions not published on npm, please refer to the [Installation Guide](/zh-cn/tgz-usage.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -250,7 +251,13 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) +Please refer to the Releases page of the third-party library for the corresponding version information + +| Third-party Library Version | Release Information | Supported RN Version | +|-------| ------------------------------------------------------------ | ---------- | +| 2.0.0 | [@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | 0.72 | +| 2.0.1 | [@react-native-ohos/react-native-create-thumbnail Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases) | 0.72 | +| 2.1.0 | [@react-native-ohos/react-native-create-thumbnail Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases) | 0.77 | ## API diff --git a/en/react-native-device-info.md b/en/react-native-device-info.md index 498a29ec..cf638889 100644 --- a/en/react-native-device-info.md +++ b/en/react-native-device-info.md @@ -14,16 +14,17 @@ > [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-device-info) -This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-device-info`, After introducing the new version of the third-party library, The version correspondence details are as follows: +## Installation and Usage -| Version | Package Name | Repository | Release | -| --- | --- | --- | --- | -| <= 11.1.0-0.0.8@deprecated | @react-native-oh-tpl/react-native-device-info | [Github (deprecated)](https://github.com/react-native-oh-library/react-native-device-info) | [Github Releases (deprecated)](https://github.com/react-native-oh-library/react-native-device-info/releases) | -| >= 11.1.1 | @react-native-ohos/react-native-device-info | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) | +Please refer to the Releases page of the third-party library for the corresponding version information -## Installation and Usage +| Third-party Library Version | Release Information | Supported RN Version | +|--------| ------------------------------------------------------------ | ---------- | +| 11.1.0 | [@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases) | 0.72 | +| 11.1.1 | [@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) | 0.72 | +| 14.0.5 | [@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) | 0.77 | -Find the matching version information in the release address of a third-party library: [@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases). For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +For older versions not published on npm, please refer to the [Installation Guide](/zh-cn/tgz-usage.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -252,8 +253,13 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information here: [@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) +Please refer to the Releases page of the third-party library for the corresponding version information +| Third-party Library Version | Release Information | Supported RN Version | +|--------| ------------------------------------------------------------ | ---------- | +| 11.1.0 | [@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases) | 0.72 | +| 11.1.1 | [@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) | 0.72 | +| 14.0.5 | [@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) | 0.77 | ### Permission Requirements diff --git a/en/react-native-file-viewer.md b/en/react-native-file-viewer.md index a5bf45eb..98af1789 100644 --- a/en/react-native-file-viewer.md +++ b/en/react-native-file-viewer.md @@ -15,16 +15,17 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-file-viewer) -This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-file-viewer`, After introducing the new version of the third-party library, The version correspondence details are as follows: +## Installation and Usage -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 2.1.6@deprecated | @react-native-oh-tpl/react-native-file-viewer | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-file-viewer) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-file-viewer/releases) | -| >= 2.1.7 | @react-native-ohos/react-native-file-viewer | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases) | +Please refer to the Releases page of the third-party library for the corresponding version information -## Installation and Usage +| Third-party Library Version | Release Information | Supported RN Version | +|-------| ------------------------------------------------------------ | ---------- | +| 2.1.6 | [@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases) | 0.72 | +| 2.1.7 | [@react-native-ohos/react-native-file-viewer Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases) | 0.72 | +| 2.2.0 | [@react-native-ohos/react-native-file-viewer Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases) | 0.77 | -Find the matching version information in the release address of a third-party library: [@react-native-ohos/react-native-file-viewer Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +For older versions not published on npm, please refer to the [Installation Guide](/zh-cn/tgz-usage.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -250,7 +251,13 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-file-viewer Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases) +Please refer to the Releases page of the third-party library for the corresponding version information + +| Third-party Library Version | Release Information | Supported RN Version | +|-------| ------------------------------------------------------------ | ---------- | +| 2.1.6 | [@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases) | 0.72 | +| 2.1.7 | [@react-native-ohos/react-native-file-viewer Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases) | 0.72 | +| 2.2.0 | [@react-native-ohos/react-native-file-viewer Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases) | 0.77 | ## API diff --git a/en/react-native-get-random-values.md b/en/react-native-get-random-values.md index 351e9932..1694d78b 100644 --- a/en/react-native-get-random-values.md +++ b/en/react-native-get-random-values.md @@ -15,16 +15,17 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-get-random-values) -This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-get-random-values`, After introducing the new version of the third-party library, The version correspondence details are as follows: +## Installation and Usage -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 1.11.0-0.0.1@deprecated | @react-native-oh-tpl/react-native-get-random-values | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-get-random-values) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | -| >= 1.11.1 | @react-native-ohos/react-native-get-random-values | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases) | +Please refer to the Releases page of the third-party library for the corresponding version information: -## Installation and Usage +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 1.11.0 | [@react-native-oh-tpl/react-native-get-random-values Releases](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | 0.72 | +| 1.11.1 | [@react-native-ohos/react-native-get-random-values Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases) | 0.72 | +| 1.12.0 | [@react-native-ohos/react-native-get-random-values Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases) | 0.77 | -Find the matching version information in the release address of a third-party library：[@react-native-ohos/react-native-get-random-values](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -170,6 +171,14 @@ Then build and run the code. ### Compatibility +Please refer to the Releases page of the third-party library for the corresponding version information: + +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 1.11.0 | [@react-native-oh-tpl/react-native-get-random-values Releases](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | 0.72 | +| 1.11.1 | [@react-native-ohos/react-native-get-random-values Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases) | 0.72 | +| 1.12.0 | [@react-native-ohos/react-native-get-random-values Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases) | 0.77 | + This document is verified based on the following versions: 1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 4.1.3.700; ROM: 3.0.0.19; diff --git a/en/react-native-image-colors.md b/en/react-native-image-colors.md index 32160457..3f9a7611 100644 --- a/en/react-native-image-colors.md +++ b/en/react-native-image-colors.md @@ -34,20 +34,12 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -# V2.4.0 -npm install @react-native-oh-tpl/react-native-image-colors - -# V2.4.1 npm install @react-native-ohos/react-native-image-colors ``` #### **yarn** ```bash -# V2.4.0 -yarn add @react-native-oh-tpl/react-native-image-colors - -# V2.4.1 yarn add @react-native-ohos/react-native-image-colors ``` @@ -247,17 +239,6 @@ Method 1 (recommended): Use the HAR file. Open `entry/oh-package.json5` file and add the following dependencies: -- V2.4.0 - -```json -"dependencies": { - "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-image-colors": "file:../../node_modules/@react-native-oh-tpl/react-native-image-colors/harmony/image_colors.har" - } -``` - -- V2.4.1 - ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -345,10 +326,6 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... -// V2.4.0 -+ import { RNImageColorsPackage } from "@react-native-oh-tpl/react-native-image-colors/ts"; - -// V2.4.1 + import { RNImageColorsPackage } from "@react-native-ohos/react-native-image-colors/ts"; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { diff --git a/en/react-native-image-crop-picker.md b/en/react-native-image-crop-picker.md index a3fdb8fa..50d44da1 100644 --- a/en/react-native-image-crop-picker.md +++ b/en/react-native-image-crop-picker.md @@ -4,17 +4,19 @@

react-native-image-crop-picker

-This project is based on [react-native-image-crop-picker@0.40.3](https://github.com/ivpusic/react-native-image-crop-picker/tree/v0.40.3)。 +> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-image-crop-picker) -| Version | Package Name | Repository | Release | -| --------------------------- | ------------------------------------ | -------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- | -| <= 0.40.3-0.0.14@deprecated | @react-native-oh-tpl/react-native-image-crop-picker | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-crop-picker) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases) | -| >= 0.40.4 | @react-native-ohos/react-native-image-crop-picker | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) | +## 1. Installation and Usage +Please refer to the Releases page of the third-party library for the corresponding version information -> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-image-crop-picker) +| Third-party Library Version | Release Information | Supported RN Version | +|--------| ------------------------------------------------------------ | ---------- | +| 0.40.4 | [@react-native-oh-tpl/react-native-image-crop-picker Releases](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases) | 0.72 | +| 0.40.5 | [@react-native-ohos/react-native-image-crop-picker Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) | 0.72 | +| 0.50.2 | [@react-native-ohos/react-native-image-crop-picker Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) | 0.77 | -## 1. Installation and Usage +For older versions not published on npm, please refer to the [Installation Guide](/zh-cn/tgz-usage.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -1032,7 +1034,13 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-image-crop-picker Releases ](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) +Please refer to the Releases page of the third-party library for the corresponding version information + +| Third-party Library Version | Release Information | Supported RN Version | +|--------| ------------------------------------------------------------ | ---------- | +| 0.40.4 | [@react-native-oh-tpl/react-native-image-crop-picker Releases](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases) | 0.72 | +| 0.40.5 | [@react-native-ohos/react-native-image-crop-picker Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) | 0.72 | +| 0.50.2 | [@react-native-ohos/react-native-image-crop-picker Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) | 0.77 | ## 4. API diff --git a/en/react-native-image-rotate.md b/en/react-native-image-rotate.md index c77a2e1c..07e1eed1 100644 --- a/en/react-native-image-rotate.md +++ b/en/react-native-image-rotate.md @@ -15,16 +15,17 @@ > [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-image-rotate) -This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-image-rotate`, After introducing the new version of the third-party library, The version correspondence details are as follows: +## Installation and Usage -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 2.1.0-0.0.3@deprecated | @react-native-oh-tpl/react-native-image-rotate | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-rotate) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-rotate/releases) | -| >= 2.1.1 | @react-native-ohos/react-native-image-rotate | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases) | +Please refer to the Releases page of the third-party library for the corresponding version information -## Installation and Usage +| Third-party Library Version | Release Information | Supported RN Version | +|-------| ------------------------------------------------------------ | ---------- | +| 2.1.0 | [@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases) | 0.72 | +| 2.1.1 | [@react-native-ohos/react-native-image-rotate Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases) | 0.72 | +| 2.2.0 | [@react-native-ohos/react-native-image-rotate Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases) | 0.77 | -Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-ohos/react-native-image-rotate Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases). +For older versions not published on npm, please refer to the [Installation Guide](/zh-cn/tgz-usage.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -236,7 +237,13 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases) +Please refer to the Releases page of the third-party library for the corresponding version information + +| Third-party Library Version | Release Information | Supported RN Version | +|-------| ------------------------------------------------------------ | ---------- | +| 2.1.0 | [@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases) | 0.72 | +| 2.1.1 | [@react-native-ohos/react-native-image-rotate Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases) | 0.72 | +| 2.2.0 | [@react-native-ohos/react-native-image-rotate Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases) | 0.77 | ## Static Method diff --git a/en/react-native-inappbrowser.md b/en/react-native-inappbrowser.md index 12c70776..8fbe0548 100644 --- a/en/react-native-inappbrowser.md +++ b/en/react-native-inappbrowser.md @@ -14,17 +14,17 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-inappbrowser) -This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: @react-native-ohos/react-native-inappbrowser, After introducing the new version of the third-party library, The version correspondence details are as follows: - -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 3.7.0-0.0.4@deprecated | @react-native-ohos/react-native-inappbrowser | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-inappbrowser) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | -| >= 3.7.1 | @react-native-ohos/react-native-inappbrowser | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser/releases) | - ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +Please refer to the Releases page of the third-party library for the corresponding version information +| Third-party Library Version | Release Information | Supported RN Version | +|-------| ------------------------------------------------------------ | ---------- | +| 3.7.0 | [@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | 0.72 | +| 3.7.1 | [@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser/releases) | 0.72 | +| 3.8.0 | [@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser/releases) | 0.77 | + +For older versions not published on npm, please refer to the [Installation Guide](/zh-cn/tgz-usage.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -486,7 +486,13 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser) +Please refer to the Releases page of the third-party library for the corresponding version information + +| Third-party Library Version | Release Information | Supported RN Version | +|-------| ------------------------------------------------------------ | ---------- | +| 3.7.0 | [@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | 0.72 | +| 3.7.1 | [@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser/releases) | 0.72 | +| 3.8.0 | [@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser/releases) | 0.77 | ## API diff --git a/en/react-native-incall-manager.md b/en/react-native-incall-manager.md index 31d95aff..afa0b9b8 100644 --- a/en/react-native-incall-manager.md +++ b/en/react-native-incall-manager.md @@ -17,15 +17,17 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-incall-manager) -This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-incall-manager`, After introducing the new version of the third-party library, The version correspondence details are as follows: - -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 4.2.0-0.0.4@deprecated | @react-native-oh-tpl/react-native-incall-manager | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-incall-manager) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-incall-manager/releases) | -| >= 4.2.1 | @react-native-ohos/react-native-incall-manager | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) | ## Installation and Usage -Find the matching version information in the release address of a third-party library and download an applicable .tgz package: [@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases). +Please refer to the Releases page of the third-party library for the corresponding version information: + +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 4.2.0 | [@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases) | 0.72 | +| 4.2.1 | [@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) | 0.72 | +| 4.2.2 | [@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) | 0.77 | + +For older versions not published on npm, please refer to the [Installation Guide](/zh-cn/tgz-usage.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -635,7 +637,13 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) +Please refer to the Releases page of the third-party library for the corresponding version information: + +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 4.2.0 | [@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases) | 0.72 | +| 4.2.1 | [@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) | 0.72 | +| 4.2.2 | [@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) | 0.77 | ### Permission Requirements diff --git a/en/react-native-masked-view-masked-view.md b/en/react-native-masked-view-masked-view.md index d23497f4..d8f3e60a 100644 --- a/en/react-native-masked-view-masked-view.md +++ b/en/react-native-masked-view-masked-view.md @@ -14,16 +14,17 @@ > [!Tip] [Github address](https://github.com/react-native-oh-library/masked-view) -This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/masked-view`, After introducing the new version of the third-party library, The version correspondence details are as follows: +## Installation and Usage -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 0.2.10@deprecated | @react-native-oh-tpl/masked-view | [Github(deprecated)](https://github.com/react-native-oh-library/masked-view) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/masked-view/releases) | -| >= 0.2.11 | @react-native-ohos/masked-view | [GitCode](https://gitcode.com/openharmony-sig/rntpc_masked-view) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) | +Please refer to the Releases page of the third-party library for the corresponding version information: -## Installation and Usage +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 0.2.10 | [@react-native-oh-tpl/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases) | 0.72 | +| 0.2.11 | [@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) | 0.72 | +| 0.3.3 | [@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) | 0.77 | -Find the matching version information in the release address of a third-party library: [@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -239,7 +240,12 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library:[@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) +Please refer to the Releases page of the third-party library for the corresponding version information +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 0.2.10 | [@react-native-oh-tpl/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases) | 0.72 | +| 0.2.11 | [@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) | 0.72 | +| 0.3.3 | [@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) | 0.77 | ## Properties diff --git a/en/react-native-randombytes.md b/en/react-native-randombytes.md index 96ef95c7..daf7bbb8 100644 --- a/en/react-native-randombytes.md +++ b/en/react-native-randombytes.md @@ -17,16 +17,17 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-randombytes) -This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-randombytes`, After introducing the new version of the third-party library, The version correspondence details are as follows: +## Installation and Usage -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 3.6.1-0.0.4@deprecated | @react-native-oh-tpl/react-native-randombytes | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-randombytes) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-randombytes/releases) | -| >= 3.6.2 | @react-native-ohos/react-native-randombytes | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) | +Please refer to the Releases page of the third-party library for the corresponding version information -## Installation and Usage +| Third-party Library Version | Release Information | Supported RN Version | +|-------| ------------------------------------------------------------ | ---------- | +| 3.6.1 | [@react-native-oh-tpl/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases) | 0.72 | +| 3.6.2 | [@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) | 0.72 | +| 3.6.3 | [@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) | 0.77 | -Find the matching version information in the release address of a third-party library：[@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +For older versions not published on npm, please refer to the [Installation Guide](/zh-cn/tgz-usage.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -197,7 +198,13 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes) +Please refer to the Releases page of the third-party library for the corresponding version information + +| Third-party Library Version | Release Information | Supported RN Version | +|-------| ------------------------------------------------------------ | ---------- | +| 3.6.1 | [@react-native-oh-tpl/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases) | 0.72 | +| 3.6.2 | [@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) | 0.72 | +| 3.6.3 | [@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) | 0.77 | This document is verified based on the following versions: 1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18; diff --git a/en/react-native-touch-id.md b/en/react-native-touch-id.md index cd50ad03..7c1363ec 100644 --- a/en/react-native-touch-id.md +++ b/en/react-native-touch-id.md @@ -23,8 +23,15 @@ This third-party library has been migrated to Gitcode and is now available for d ## Installation and Usage -Find the matching version information in the release address of a third-party library：[@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +Please refer to the Releases page of the third-party library for the corresponding version information +| Third-party Library Version | Release Information | Supported RN Version | +|-------| ------------------------------------------------------------ | ---------- | +| 4.4.1 | [@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases) | 0.72 | +| 4.4.2 | [@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | 0.72 | +| 4.5.0 | [@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | 0.77 | + +For older versions not published on npm, please refer to the [Installation Guide](/zh-cn/tgz-usage.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -178,8 +185,13 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) +Please refer to the Releases page of the third-party library for the corresponding version information +| Third-party Library Version | Release Information | Supported RN Version | +|-------| ------------------------------------------------------------ | ---------- | +| 4.4.1 | [@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases) | 0.72 | +| 4.4.2 | [@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | 0.72 | +| 4.5.0 | [@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | 0.77 | ### Permission Requirements diff --git a/en/react-native-track-player.md b/en/react-native-track-player.md index 21190bf9..fa068511 100644 --- a/en/react-native-track-player.md +++ b/en/react-native-track-player.md @@ -14,16 +14,17 @@ > [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-track-player) -This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-track-player`, After introducing the new version of the third-party library, The version correspondence details are as follows: +## Installation and Usage -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 4.1.2@deprecated | @react-native-oh-tpl/react-native-track-player | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-track-player) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-track-player/releases) | -| >= 4.1.3 | @react-native-ohos/react-native-track-player | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) | +Please refer to the Releases page of the third-party library for the corresponding version information: -## Installation and Usage +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 4.1.2 | [@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases) | 0.72 | +| 4.1.3 | [@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) | 0.72 | +| 4.2.0 | [@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) | 0.77 | -Find the matching version information in the release address of a third-party library: [@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -218,7 +219,13 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) +Please refer to the Releases page of the third-party library for the corresponding version information: + +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 4.1.2 | [@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases) | 0.72 | +| 4.1.3 | [@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) | 0.72 | +| 4.2.0 | [@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) | 0.77 | ### Permission Requirements diff --git a/en/react-native-video-cache.md b/en/react-native-video-cache.md index 4d10b43b..95152365 100644 --- a/en/react-native-video-cache.md +++ b/en/react-native-video-cache.md @@ -13,18 +13,19 @@

-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-video-cache) +> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-video-cache) | -This third-party library has been migrated to Gitcode and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-video-cache`, After introducing the new version of the third-party library, The version correspondence details are as follows: +## Installation and Usage -| Version | Package Name | Repository | Release | -| --------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -| <= 2.7.4 | @react-native-oh-tpl/react-native-video-cache | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-video-cache) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-video-cache/releases) | -| >= 2.7.5 | @react-native-ohos/react-native-video-cache | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) | +Please refer to the Releases page of the third-party library for the corresponding version information: -## Installation and Usage +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 2.7.4 | [@react-native-oh-tpl/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases) | 0.72 | +| 2.7.5 | [@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) | 0.72 | +| 2.8.0 | [@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) | 0.77 | -Find the matching version information in the release address of a third-party library: [@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package. +For older versions not published on npm, please refer to the [Installation Guide](/zh-cn/tgz-usage.md) to install the tgz package. Go to the project directory and execute the following instruction: @@ -195,7 +196,13 @@ Then build and run the code. To use this repository, you need to use the correct React-Native and RNOH versions. In addition, you need to use DevEco Studio and the ROM on your phone. -Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) +Please refer to the Releases page of the third-party library for the corresponding version information: + +| Third-party Library Version | Release Information | Supported RN Version | +| ---------- | ------------------------------------------------------------ | ---------- | +| 2.7.4 | [@react-native-oh-tpl/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases) | 0.72 | +| 2.7.5 | [@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) | 0.72 | +| 2.8.0 | [@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) | 0.77 | This document is verified based on the following versions: diff --git a/en/react-native-voice-voice.md b/en/react-native-voice-voice.md index f72791f1..017791c9 100644 --- a/en/react-native-voice-voice.md +++ b/en/react-native-voice-voice.md @@ -32,20 +32,12 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -# V3.2.4 -npm install @react-native-oh-tpl/voice - -# V3.2.5 npm install @react-native-ohos/voice ``` #### **yarn** ```bash -# V3.2.4 -yarn add @react-native-oh-tpl/voice - -# V3.2.5 yarn add @react-native-ohos/voice ``` @@ -381,7 +373,7 @@ export default VoiceTest; ## Use Codegen -> [!TIP] V3.2.5 no need to execute Codegen +> [!TIP] Version >= 3.2.5 no need to execute Codegen 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). @@ -415,17 +407,6 @@ Method 1 (recommended): Use the HAR file. Open `entry/oh-package.json5` file and add the following dependencies: -- V3.2.4 - -```json -"dependencies": { - "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/voice": "file:../../node_modules/@react-native-oh-tpl/voice/harmony/voice.har" - } -``` - -- V3.2.5 - ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -513,10 +494,6 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... -// V3.2.4 -+ import { RNVoicePackage } from '@react-native-oh-tpl/voice/ts' - -// V3.2.5 + import { RNVoicePackage } from '@react-native-ohos/voice/ts' export function createRNPackages(ctx: RNPackageContext): RNPackage[] { @@ -527,7 +504,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { } ``` -### 4. Running +### 5. Running Click the `sync` button in the upper right corner. diff --git a/zh-cn/react-native-audio-recorder-player.md b/zh-cn/react-native-audio-recorder-player.md index f401735e..a099f406 100644 --- a/zh-cn/react-native-audio-recorder-player.md +++ b/zh-cn/react-native-audio-recorder-player.md @@ -30,20 +30,12 @@ #### **npm** ```bash -# V3.6.10 -npm install @react-native-oh-tpl/react-native-audio-recorder-player - -# V3.6.11 npm install @react-native-ohos/react-native-audio-recorder-player ``` #### **yarn** ```bash -# V3.6.10 -yarn add @react-native-oh-tpl/react-native-audio-recorder-player - -# V3.6.11 yarn add @react-native-ohos/react-native-audio-recorder-player ``` @@ -555,17 +547,6 @@ Version <= @react-native-oh-tpl/react-native-audio-recorder-player@3.6.10-0.0.2@ > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。 打开 `entry/oh-package.json5`，添加以下依赖 -+ V3.6.10 - -```json -"dependencies": { - "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - - "@react-native-oh-tpl/react-native-audio-recorder-player": "file:../../node_modules/@react-native-oh-tpl/react-native-audio-recorder-player/harmony/audio_recorder_player.har" - } -``` - -+ V3.6.11 ```json "dependencies": { @@ -608,11 +589,6 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) - -# V3.6.10 -+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-audio-recorder-player/src/main/cpp" ./audio_recorder_player) - -# V3.6.11 + add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-audio-recorder-player/src/main/cpp" ./audio_recorder_player) # RNOH_END: manual_package_linking_1 @@ -654,10 +630,6 @@ std::vector> PackageProvider::getPackages(Package::Cont 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加： ```diff -// V3.6.10 -+ import {RNAudioRecorderPlayerPackage} from '@react-native-oh-tpl/react-native-audio-recorder-player/ts'; - -// V3.6.11 + import {RNAudioRecorderPlayerPackage} from '@react-native-ohos/react-native-audio-recorder-player/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { diff --git a/zh-cn/react-native-camera-kit.md b/zh-cn/react-native-camera-kit.md index e975ddee..e95ccf9b 100644 --- a/zh-cn/react-native-camera-kit.md +++ b/zh-cn/react-native-camera-kit.md @@ -16,16 +16,17 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-camera-kit) -该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-camera-kit`，具体版本所属关系如下： +## 安装与使用 -| Version | Package Name | Repository | Release | -| --------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -| <= 14.0.1 | @react-native-oh-tpl/react-native-camera-kit | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-camera-kit) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-camera-kit/releases) | -| >= 14.0.2 | @react-native-ohos/react-native-camera-kit | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | +请到三方库的 Releases 发布地址查看配套的版本信息： -## 安装与使用 +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 14.0.1 | [@react-native-oh-tpl/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases) | 0.72 | +| 14.0.2 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.72 | +| 15.1.1 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.77 | -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -288,7 +289,13 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) +请到三方库的 Releases 发布地址查看配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 14.0.1 | [@react-native-oh-tpl/react-native-camera-kit Releases](https://github.com/react-native-oh-library/react-native-camera-kit/releases) | 0.72 | +| 14.0.2 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.72 | +| 15.1.1 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.77 | ### 权限要求 diff --git a/zh-cn/react-native-create-thumbnail.md b/zh-cn/react-native-create-thumbnail.md index e0137db0..7dc11095 100644 --- a/zh-cn/react-native-create-thumbnail.md +++ b/zh-cn/react-native-create-thumbnail.md @@ -16,16 +16,16 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-create-thumbnail) -该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-create-thumbnail`，具体版本所属关系如下： +## 安装与使用 -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 2.0.0-0.0.4@deprecated | @react-native-oh-tpl/react-native-create-thumbnail | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-create-thumbnail) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | -| >= 2.0.1 | @react-native-ohos/react-native-create-thumbnail | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases) | +请到三方库的 Releases 发布地址查看配套的版本信息： -## 安装与使用 +| 三方库版本 | 发布信息 | 支持RN版本 | +|-------| ------------------------------------------------------------ | ---------- | +| 2.0.0 | [@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | 0.72 | +| 2.0.1 | [@react-native-ohos/react-native-create-thumbnail Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases) | 0.72 | +| 2.1.0 | [@react-native-ohos/react-native-create-thumbnail Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases) | 0.77 | -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-create-thumbnail Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases) 。 对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -336,12 +336,13 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： +请到三方库的 Releases 发布地址查看配套的版本信息： | 三方库版本 | 发布信息 | 支持RN版本 | -| ---------- | ------------------------------------------------------------ | ---------- | -| 2.0.0 | [@react-native-ohos/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | 0.72 | -| 2.0.2 | [@react-native-ohos/react-native-create-thumbnail Releases]() | 0.77 | +|-------| ------------------------------------------------------------ | ---------- | +| 2.0.0 | [@react-native-oh-tpl/react-native-create-thumbnail Releases](https://github.com/react-native-oh-library/react-native-create-thumbnail/releases) | 0.72 | +| 2.0.1 | [@react-native-ohos/react-native-create-thumbnail Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases) | 0.72 | +| 2.1.0 | [@react-native-ohos/react-native-create-thumbnail Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-create-thumbnail/releases) | 0.77 | ## API diff --git a/zh-cn/react-native-device-info.md b/zh-cn/react-native-device-info.md index d824f9ae..96c8e47e 100644 --- a/zh-cn/react-native-device-info.md +++ b/zh-cn/react-native-device-info.md @@ -14,16 +14,17 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-device-info) -该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-device-info`，具体版本所属关系如下： +## 安装与使用 -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 11.1.0-0.0.8@deprecated | @react-native-oh-tpl/react-native-device-info | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-device-info) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-device-info/releases) | -| >= 11.1.1 | @react-native-ohos/react-native-device-info | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) | +请到三方库的 Releases 发布地址查看配套的版本信息： -## 安装与使用 +| 三方库版本 | 发布信息 | 支持RN版本 | +|--------| ------------------------------------------------------------ | ---------- | +| 11.1.0 | [@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases) | 0.72 | +| 11.1.1 | [@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) | 0.72 | +| 14.0.5 | [@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) | 0.77 | -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -250,8 +251,13 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) +请到三方库的 Releases 发布地址查看配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +|--------| ------------------------------------------------------------ | ---------- | +| 11.1.0 | [@react-native-oh-tpl/react-native-device-info Releases](https://github.com/react-native-oh-library/react-native-device-info/releases) | 0.72 | +| 11.1.1 | [@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) | 0.72 | +| 14.0.5 | [@react-native-ohos/react-native-device-info Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-device-info/releases) | 0.77 | ### 权限要求 diff --git a/zh-cn/react-native-file-viewer.md b/zh-cn/react-native-file-viewer.md index a0478bb9..67f7ddd1 100644 --- a/zh-cn/react-native-file-viewer.md +++ b/zh-cn/react-native-file-viewer.md @@ -15,16 +15,17 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-file-viewer) -该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-file-viewer`，具体版本所属关系如下： +## 安装与使用 -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 2.1.6@deprecated | @react-native-oh-tpl/react-native-file-viewer | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-file-viewer) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-file-viewer/releases) | -| >= 2.1.7 | @react-native-ohos/react-native-file-viewer | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases) | +请到三方库的 Releases 发布地址查看配套的版本信息： -## 安装与使用 +| 三方库版本 | 发布信息 | 支持RN版本 | +|-------| ------------------------------------------------------------ | ---------- | +| 2.1.6 | [@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases) | 0.72 | +| 2.1.7 | [@react-native-ohos/react-native-file-viewer Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases) | 0.72 | +| 2.2.0 | [@react-native-ohos/react-native-file-viewer Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases) | 0.77 | -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -230,7 +231,13 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases) +请到三方库的 Releases 发布地址查看配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +|-------| ------------------------------------------------------------ | ---------- | +| 2.1.6 | [@react-native-oh-tpl/react-native-file-viewer Releases](https://github.com/react-native-oh-library/react-native-file-viewer/releases) | 0.72 | +| 2.1.7 | [@react-native-ohos/react-native-file-viewer Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases) | 0.72 | +| 2.2.0 | [@react-native-ohos/react-native-file-viewer Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-file-viewer/releases) | 0.77 | ## API diff --git a/zh-cn/react-native-get-random-values.md b/zh-cn/react-native-get-random-values.md index e3f311a9..07c7a0b1 100644 --- a/zh-cn/react-native-get-random-values.md +++ b/zh-cn/react-native-get-random-values.md @@ -15,17 +15,17 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-get-random-values) -该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-get-random-values`，具体版本所属关系如下： - -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 1.11.0-0.0.1@deprecated | @react-native-oh-tpl/react-native-get-random-values | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-get-random-values) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | -| >= 1.11.1 | @react-native-ohos/react-native-get-random-values | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases) | +## 安装与使用 +请到三方库的 Releases 发布地址查看配套的版本信息： -## 安装与使用 +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 1.11.0 | [@react-native-oh-tpl/react-native-get-random-values Releases](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | 0.72 | +| 1.11.1 | [@react-native-ohos/react-native-get-random-values Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases) | 0.72 | +| 1.12.0 | [@react-native-ohos/react-native-get-random-values Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases) | 0.77 | -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-get-random-values](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -172,6 +172,14 @@ ohpm install ### 兼容性 +请到三方库的 Releases 发布地址查看配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 1.11.0 | [@react-native-oh-tpl/react-native-get-random-values Releases](https://github.com/react-native-oh-library/react-native-get-random-values/releases) | 0.72 | +| 1.11.1 | [@react-native-ohos/react-native-get-random-values Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases) | 0.72 | +| 1.12.0 | [@react-native-ohos/react-native-get-random-values Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-get-random-values/releases) | 0.77 | + 本文档内容基于以下版本验证通过： 1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 4.1.3.700; ROM: 3.0.0.19; diff --git a/zh-cn/react-native-image-colors.md b/zh-cn/react-native-image-colors.md index efe43d7f..ccffdea0 100644 --- a/zh-cn/react-native-image-colors.md +++ b/zh-cn/react-native-image-colors.md @@ -34,20 +34,12 @@ #### **npm** ```bash -# V2.4.0 -npm install @react-native-oh-tpl/react-native-image-colors - -# V2.4.1 npm install @react-native-ohos/react-native-image-colors ``` #### **yarn** ```bash -# V2.4.0 -yarn add @react-native-oh-tpl/react-native-image-colors - -# V2.4.1 yarn add @react-native-ohos/react-native-image-colors ``` @@ -250,17 +242,6 @@ Version <= @react-native-oh-tpl/react-native-image-colors@2.4.0 暂不支持 Aut 打开 `entry/oh-package.json5`，添加以下依赖 -- V2.4.0 - -```json -"dependencies": { - "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-image-colors": "file:../../node_modules/@react-native-oh-tpl/react-native-image-colors/harmony/image_colors.har" - } -``` - -- V2.4.1 - ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -350,10 +331,6 @@ std::vector> PackageProvider::getPackages(Package::Cont ```diff ... -// V2.4.0 -+ import { RNImageColorsPackage } from "@react-native-oh-tpl/react-native-image-colors/ts"; - -// V2.4.1 + import { RNImageColorsPackage } from "@react-native-ohos/react-native-image-colors/ts"; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md index 338e616a..b048c066 100644 --- a/zh-cn/react-native-image-crop-picker.md +++ b/zh-cn/react-native-image-crop-picker.md @@ -4,14 +4,17 @@

react-native-image-crop-picker

-本项目基于 [react-native-image-crop-picker@0.40.3](https://github.com/ivpusic/react-native-image-crop-picker/tree/v0.40.3) 开发。 +## 1.安装与使用 -| Version | Package Name | Repository | Release | -| --------------------------- | ------------------------------------ | -------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- | -| <= 0.40.3-0.0.14@deprecated | @react-native-oh-tpl/react-native-image-crop-picker | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-crop-picker) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases) | -| >= 0.40.4 | @react-native-ohos/react-native-image-crop-picker | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) | +请到三方库的 Releases 发布地址查看配套的版本信息： -## 1.安装与使用 +| 三方库版本 | 发布信息 | 支持RN版本 | +|--------| ------------------------------------------------------------ | ---------- | +| 0.40.4 | [@react-native-oh-tpl/react-native-image-crop-picker Releases](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases) | 0.72 | +| 0.40.5 | [@react-native-ohos/react-native-image-crop-picker Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) | 0.72 | +| 0.50.2 | [@react-native-ohos/react-native-image-crop-picker Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) | 0.77 | + +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -1035,7 +1038,13 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-image-crop-picker Releases ](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) +请到三方库的 Releases 发布地址查看配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +|--------| ------------------------------------------------------------ | ---------- | +| 0.40.4 | [@react-native-oh-tpl/react-native-image-crop-picker Releases](https://github.com/react-native-oh-library/react-native-image-crop-picker/releases) | 0.72 | +| 0.40.5 | [@react-native-ohos/react-native-image-crop-picker Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) | 0.72 | +| 0.50.2 | [@react-native-ohos/react-native-image-crop-picker Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-crop-picker/releases) | 0.77 | ## 4. API diff --git a/zh-cn/react-native-image-rotate.md b/zh-cn/react-native-image-rotate.md index f81a7358..97edfe1b 100644 --- a/zh-cn/react-native-image-rotate.md +++ b/zh-cn/react-native-image-rotate.md @@ -15,16 +15,17 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-rotate) -该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-image-rotate`，具体版本所属关系如下： +## 安装与使用 -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 2.1.0-0.0.3@deprecated | @react-native-oh-tpl/react-native-image-rotate | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-rotate) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-rotate/releases) | -| >= 2.1.1 | @react-native-ohos/react-native-image-rotate | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases) | +请到三方库的 Releases 发布地址查看配套的版本信息： -## 安装与使用 +| 三方库版本 | 发布信息 | 支持RN版本 | +|-------| ------------------------------------------------------------ | ---------- | +| 2.1.0 | [@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases) | 0.72 | +| 2.1.1 | [@react-native-ohos/react-native-image-rotate Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases) | 0.72 | +| 2.2.0 | [@react-native-ohos/react-native-image-rotate Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases) | 0.77 | -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-image-rotate Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -236,7 +237,13 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases) +请到三方库的 Releases 发布地址查看配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +|-------| ------------------------------------------------------------ | ---------- | +| 2.1.0 | [@react-native-oh-tpl/react-native-image-rotate Releases](https://github.com/react-native-oh-library/react-native-image-rotate/releases) | 0.72 | +| 2.1.1 | [@react-native-ohos/react-native-image-rotate Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases) | 0.72 | +| 2.2.0 | [@react-native-ohos/react-native-image-rotate Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-rotate/releases) | 0.77 | ## 静态方法 diff --git a/zh-cn/react-native-inappbrowser.md b/zh-cn/react-native-inappbrowser.md index 1d8adc3c..d24a1ed9 100644 --- a/zh-cn/react-native-inappbrowser.md +++ b/zh-cn/react-native-inappbrowser.md @@ -14,16 +14,17 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-inappbrowser) -该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-inappbrowser`，具体版本所属关系如下： +## 安装与使用 -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 3.7.0-0.0.4@deprecated | @react-native-ohos/react-native-inappbrowser | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-inappbrowser) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | -| >= 3.7.1 | @react-native-ohos/react-native-inappbrowser | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser/releases) | +请到三方库的 Releases 发布地址查看配套的版本信息： -## 安装与使用 +| 三方库版本 | 发布信息 | 支持RN版本 | +|-------| ------------------------------------------------------------ | ---------- | +| 3.7.0 | [@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | 0.72 | +| 3.7.1 | [@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser/releases) | 0.72 | +| 3.8.0 | [@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser/releases) | 0.77 | -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -466,7 +467,14 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser) +请到三方库的 Releases 发布地址查看配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +|-------| ------------------------------------------------------------ | ---------- | +| 3.7.0 | [@react-native-oh-tpl/react-native-inappbrowser-reborn Releases](https://github.com/react-native-oh-library/react-native-inappbrowser/releases) | 0.72 | +| 3.7.1 | [@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser/releases) | 0.72 | +| 3.8.0 | [@react-native-ohos/react-native-inappbrowser-reborn Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-inappbrowser/releases) | 0.77 | + ## API diff --git a/zh-cn/react-native-incall-manager.md b/zh-cn/react-native-incall-manager.md index 2682f5b6..00f7c2b5 100644 --- a/zh-cn/react-native-incall-manager.md +++ b/zh-cn/react-native-incall-manager.md @@ -18,17 +18,17 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-incall-manager) -该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-incall-manager`，具体版本所属关系如下： - -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 4.2.0-0.0.4@deprecated | @react-native-oh-tpl/react-native-incall-manager | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-incall-manager) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-incall-manager/releases) | -| > 4.2.1 | @react-native-ohos/react-native-incall-manager | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) | - ## 安装与使用 +请到三方库的 Releases 发布地址查看配套的版本信息： -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 4.2.0 | [@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases) | 0.72 | +| 4.2.1 | [@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) | 0.72 | +| 4.2.2 | [@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) | 0.77 | + +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -640,7 +640,13 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) +请到三方库的 Releases 发布地址查看配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 4.2.0 | [@react-native-oh-tpl/react-native-incall-manager Releases](https://github.com/react-native-oh-library/react-native-incall-manager/releases) | 0.72 | +| 4.2.1 | [@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) | 0.72 | +| 4.2.2 | [@react-native-ohos/react-native-incall-manager Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-incall-manager/releases) | 0.77 | ### 应用权限申请 diff --git a/zh-cn/react-native-masked-view-masked-view.md b/zh-cn/react-native-masked-view-masked-view.md index 74076fbc..401a1d94 100644 --- a/zh-cn/react-native-masked-view-masked-view.md +++ b/zh-cn/react-native-masked-view-masked-view.md @@ -14,16 +14,17 @@ > [!Tip] [Github 地址](https://github.com/react-native-oh-library/masked-view) -该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/masked-view`，具体版本所属关系如下： +## 安装与使用 -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 0.2.10@deprecated | @react-native-oh-tpl/masked-view | [Github(deprecated)](https://github.com/react-native-oh-library/masked-view) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/masked-view/releases) | -| >= 0.2.11 | @react-native-ohos/masked-view | [GitCode](https://gitcode.com/openharmony-sig/rntpc_masked-view) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) | +请到三方库的 Releases 发布地址查看配套的版本信息： -## 安装与使用 +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 0.2.10 | [@react-native-oh-tpl/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases) | 0.72 | +| 0.2.11 | [@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) | 0.72 | +| 0.3.3 | [@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) | 0.77 | -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -239,7 +240,13 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) +请到三方库的 Releases 发布地址查看配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 0.2.10 | [@react-native-oh-tpl/masked-view Releases](https://github.com/react-native-oh-library/masked-view/releases) | 0.72 | +| 0.2.11 | [@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) | 0.72 | +| 0.3.3 | [@react-native-ohos/masked-view Releases](https://gitcode.com/openharmony-sig/rntpc_masked-view/releases) | 0.77 | ## 属性 diff --git a/zh-cn/react-native-randombytes.md b/zh-cn/react-native-randombytes.md index 08efeeb7..67f0501e 100644 --- a/zh-cn/react-native-randombytes.md +++ b/zh-cn/react-native-randombytes.md @@ -17,16 +17,17 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-randombytes) -该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-randombytes`，具体版本所属关系如下： +## 安装与使用 -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 3.6.1-0.0.4@deprecated | @react-native-oh-tpl/react-native-randombytes | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-randombytes) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-randombytes/releases) | -| >= 3.6.2 | @react-native-ohos/react-native-randombytes | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) | +请到三方库的 Releases 发布地址查看配套的版本信息： -## 安装与使用 +| 三方库版本 | 发布信息 | 支持RN版本 | +|-------| ------------------------------------------------------------ | ---------- | +| 3.6.1 | [@react-native-oh-tpl/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases) | 0.72 | +| 3.6.2 | [@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) | 0.72 | +| 3.6.3 | [@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) | 0.77 | -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -202,7 +203,13 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) +请到三方库的 Releases 发布地址查看配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +|-------| ------------------------------------------------------------ | ---------- | +| 3.6.1 | [@react-native-oh-tpl/react-native-randombytes Releases](https://github.com/react-native-oh-library/react-native-randombytes/releases) | 0.72 | +| 3.6.2 | [@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) | 0.72 | +| 3.6.3 | [@react-native-ohos/react-native-randombytes Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-randombytes/releases) | 0.77 | 本文档内容基于以下版本验证通过： 1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18; diff --git a/zh-cn/react-native-touch-id.md b/zh-cn/react-native-touch-id.md index a4b39926..d6a20a38 100644 --- a/zh-cn/react-native-touch-id.md +++ b/zh-cn/react-native-touch-id.md @@ -14,17 +14,17 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-touch-id) -该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-touch-id`，具体版本所属关系如下： - -| Version | Package Name | Repository | Release | -| --------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -| <= 4.4.1-0.0.3 | @react-native-oh-tpl/react-native-touch-id | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-touch-id) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-touch-id/releases) | -| >= 4.4.2 | @react-native-ohos/react-native-touch-id | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | - ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +|-------| ------------------------------------------------------------ | ---------- | +| 4.4.1 | [@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases) | 0.72 | +| 4.4.2 | [@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | 0.72 | +| 4.5.0 | [@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | 0.77 | +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -178,8 +178,13 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) +请到三方库的 Releases 发布地址查看配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +|-------| ------------------------------------------------------------ | ---------- | +| 4.4.1 | [@react-native-oh-tpl/react-native-touch-id Releases](https://github.com/react-native-oh-library/react-native-touch-id/releases) | 0.72 | +| 4.4.2 | [@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | 0.72 | +| 4.5.0 | [@react-native-ohos/react-native-touch-id Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-touch-id/releases) | 0.77 | ### 权限要求 diff --git a/zh-cn/react-native-track-player.md b/zh-cn/react-native-track-player.md index 17bedfd8..79509c83 100644 --- a/zh-cn/react-native-track-player.md +++ b/zh-cn/react-native-track-player.md @@ -16,16 +16,17 @@ > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-track-player) -该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-track-player`，具体版本所属关系如下： +## 安装与使用 -| Version | Package Name | Repository | Release | -| ------------------------------ | --------------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 4.1.2@deprecated | @react-native-oh-tpl/react-native-track-player | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-track-player) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-track-player/releases) | -| >= 4.1.3 | @react-native-ohos/react-native-track-player | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) | +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： -## 安装与使用 +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 4.1.2 | [@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases) | 0.72 | +| 4.1.3 | [@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) | 0.72 | +| 4.2.0 | [@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) | 0.77 | -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -232,7 +233,13 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 4.1.2 | [@react-native-oh-tpl/react-native-track-player Releases](https://github.com/react-native-oh-library/react-native-track-player/releases) | 0.72 | +| 4.1.3 | [@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) | 0.72 | +| 4.2.0 | [@react-native-ohos/react-native-track-player Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-track-player/releases) | 0.77 | ### 权限要求 diff --git a/zh-cn/react-native-video-cache.md b/zh-cn/react-native-video-cache.md index a3f87158..00c814d5 100644 --- a/zh-cn/react-native-video-cache.md +++ b/zh-cn/react-native-video-cache.md @@ -13,22 +13,19 @@

+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-video-cache) | +## 安装与使用 +请到三方库的 Releases 发布地址查看配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 2.7.4 | [@react-native-oh-tpl/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases) | 0.72 | +| 2.7.5 | [@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) | 0.72 | +| 2.8.0 | [@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) | 0.77 | -> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-video-cache) - -该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-video-cache`，具体版本所属关系如下： - -| Version | Package Name | Repository | Release | -| --------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- | -| <= 2.7.4 | @react-native-oh-tpl/react-native-video-cache | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-video-cache) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-video-cache/releases) | -| >= 2.7.5 | @react-native-ohos/react-native-video-cache | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) | - -## 安装与使用 - -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -200,7 +197,13 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases)。 +请到三方库的 Releases 发布地址查看配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ---------- | ------------------------------------------------------------ | ---------- | +| 2.7.4 | [@react-native-oh-tpl/react-native-video-cache Releases](https://github.com/react-native-oh-library/react-native-video-cache/releases) | 0.72 | +| 2.7.5 | [@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) | 0.72 | +| 2.8.0 | [@react-native-ohos/react-native-video-cache Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-video-cache/releases) | 0.77 | 本文档内容基于以下版本验证通过： 1. RNOH: 0.72.20-CAPI; SDK: HarmonyOS NEXT Developer Beta1(full sdk); IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.18; diff --git a/zh-cn/react-native-voice-voice.md b/zh-cn/react-native-voice-voice.md index cb9b0917..67aad691 100644 --- a/zh-cn/react-native-voice-voice.md +++ b/zh-cn/react-native-voice-voice.md @@ -33,20 +33,12 @@ #### **npm** ```bash -# V3.2.4 -npm install @react-native-oh-tpl/voice - -# V3.2.5 npm install @react-native-ohos/voice ``` #### **yarn** ```bash -# V3.2.4 -yarn add @react-native-oh-tpl/voice - -# V3.2.5 yarn add @react-native-ohos/voice ``` @@ -375,7 +367,7 @@ export default VoiceTest; ``` ## 使用 Codegen -> [!TIP] V3.2.5 不需要执行Codegen +> [!TIP] Version >= 3.2.5 不需要执行Codegen 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。 @@ -412,17 +404,6 @@ Version <= @react-native-oh-tpl/voice@3.2.4-0.0.5@deprecated 暂不支持 AutoLi 打开 `entry/oh-package.json5`，添加以下依赖 -- V3.2.4 - -```json -"dependencies": { - "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/voice": "file:../../node_modules/@react-native-oh-tpl/voice/harmony/voice.har" - } -``` - -- V3.2.5 - ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -510,10 +491,6 @@ std::vector> PackageProvider::getPackages(Package::Cont ```diff ... -// V3.2.4 -+ import { RNVoicePackage } from '@react-native-oh-tpl/voice/ts' - -// V3.2.5 + import { RNVoicePackage } from '@react-native-ohos/voice/ts' export function createRNPackages(ctx: RNPackageContext): RNPackage[] { -- Gitee