diff --git a/en/react-native-SmartRefreshLayout.md b/en/react-native-SmartRefreshLayout.md index fe44407fd44ac8bc525228f9953ebb136c96fac3..46cfd95183a1e1fff227f180dbb7249fc4c2f27e 100644 --- a/en/react-native-SmartRefreshLayout.md +++ b/en/react-native-SmartRefreshLayout.md @@ -237,7 +237,7 @@ For details, see [Directly Linking Source Code](/en/link-source-code.md). ### 3. Configuring CMakeLists and Introducing SmartRefreshLayoutPackage -> V0.6.8 requires configuring CMakeLists and importing SmartRefreshLayoutPackage. +> If you are using version <= 0.6.7-0.2.18, please skip this chapter. Open `entry/src/main/cpp/CMakeLists.txt` and add the following code: diff --git a/en/react-native-audio-recorder-player.md b/en/react-native-audio-recorder-player.md index 3bdccd5fa1055bad4e89fe0a733da9948ef4c096..067f3482e1d6406d95b70e0874e2f2099006bf26 100644 --- a/en/react-native-audio-recorder-player.md +++ b/en/react-native-audio-recorder-player.md @@ -22,7 +22,7 @@ Please refer to the Releases page of the third-party library for the correspondi | ---------- | ------------------------------------------------------------ | ---------- | | <= 3.6.10-0.0.2@deprecated | [@react-native-oh-tpl/react-native-audio-recorder-player Releases(deprecated)](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 | +| 3.7.0 | [@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. diff --git a/en/react-native-community-progress-view-capi.md b/en/react-native-community-progress-view-capi.md index 8235baca9449dc6813edd1468af33ccc7b3261ef..08ce96b25bf327bdf09bfee396b89ff803d7f7b4 100644 --- a/en/react-native-community-progress-view-capi.md +++ b/en/react-native-community-progress-view-capi.md @@ -16,7 +16,15 @@ ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-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. +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.4.2-0.0.8@deprecated | [@react-native-oh-tpl/progress-view Releases(deprecated)](https://github.com/react-native-oh-library/progress-view/releases) | 0.72 | +| 1.4.3 | [@react-native-ohos/progress-view Releases](https://gitcode.com/openharmony-sig/rntpc_progress-view/releases) | 0.72 | +| 1.5.0 | [@react-native-ohos/progress-view Releases](https://gitcode.com/openharmony-sig/rntpc_progress-view/releases) | 0.77 | + +For older versions not published on 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 +35,13 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -npm install @react-native-oh-tpl/progress-view +npm install @react-native-ohos/progress-view ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/progress-view +yarn add @react-native-ohos/progress-view ``` @@ -57,7 +65,10 @@ export default function ProgressViewExample() { ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/progress-view@1.4.3 now supports Autolink without requiring manual configuration, currently only supports 72 frameworks. +Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +This step provides guidance for manually configuring native dependencies. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -85,7 +96,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/progress-view": "file:../../node_modules/@react-native-oh-tpl/progress-view/harmony/progress_view.har" + "@react-native-ohos/progress-view": "file:../../node_modules/@react-native-ohos/progress-view/harmony/progress_view.har" } ``` @@ -104,6 +115,8 @@ Method 2: Directly link to the source code. ### 3. Configuring CMakeLists and Introducing ProgressViewPackage +> If you are using version <= 1.4.2-0.0.8, please skip this chapter. + Open `entry/src/main/cpp/CMakeLists.txt` and add the following code: ```diff @@ -124,7 +137,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/progress-view/src/main/cpp" ./progress-view) ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/progress-view/src/main/cpp" ./progress-view) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -160,7 +173,23 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 4. Running +### 4 Introducing ProgressViewPackage to ArkTS + +Open the `entry/src/main/ets/RNPackagesFactory.ts`,file and add the following code: + +```diff + ... ++ import { ProgressViewPackage } from "@react-native-ohos/progress-view/ts"; + +export function createRNPackages(ctx: RNPackageContext): RNPackage[] { + return [ + new SamplePackage(ctx), ++ new ProgressViewPackage(ctx), + ]; +} +``` + +### 5. Running Click the `sync` button in the upper right corner. @@ -179,7 +208,11 @@ 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/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases) +Verified in the following versions. + +1. RNOH: 0.72.96; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112; +2. RNOH: 0.72.33; SDK: HarmonyOS NEXT B1; IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71; +3. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112; ## Properties diff --git a/en/react-native-document-picker.md b/en/react-native-document-picker.md index 229275b85ecf904b7bf4d2e34f5529b7b2574eaf..ff8e8c054153d972f425b373059fb81abb3308d7 100644 --- a/en/react-native-document-picker.md +++ b/en/react-native-document-picker.md @@ -4,7 +4,7 @@

react-native-document-picker

-> [!tip] [GitHub address](https://github.com/react-native-documents/document-picker) +> [!tip] [GitHub address](https://github.com/react-native-oh-library/document-picker) ## 1. Installation and Usage diff --git a/zh-cn/react-native-audio-recorder-player.md b/zh-cn/react-native-audio-recorder-player.md index 2684d909bba3a50981085d99530221457233683a..cee0f645824b9262d9fe49d5d0c962214bf7ba9a 100644 --- a/zh-cn/react-native-audio-recorder-player.md +++ b/zh-cn/react-native-audio-recorder-player.md @@ -22,7 +22,7 @@ | ---------- | ------------------------------------------------------------ | ---------- | | <= 3.6.10-0.0.2@deprecated | [@react-native-oh-tpl/react-native-audio-recorder-player Releases(deprecated)](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 | +| 3.7.0 | [@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包。 diff --git a/zh-cn/react-native-community-progress-view-capi.md b/zh-cn/react-native-community-progress-view-capi.md index f988c01aa6c9579babd5280481476b181ccc7791..18632dfca126fcbe0635f19aed5bbe30ea0f884e 100644 --- a/zh-cn/react-native-community-progress-view-capi.md +++ b/zh-cn/react-native-community-progress-view-capi.md @@ -16,7 +16,15 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息: + +| 三方库版本 | 发布信息 | 支持RN版本 | +|--------| ------------------------------------------------------------ | ---------- | +| <= 1.4.2-0.0.8@deprecated | [@react-native-oh-tpl/progress-view Releases(deprecated)](https://github.com/react-native-oh-library/progress-view/releases) | 0.72 | +| 1.4.3 | [@react-native-ohos/progress-view Releases](https://gitcode.com/openharmony-sig/rntpc_progress-view/releases) | 0.72 | +| 1.5.0 | [@react-native-ohos/progress-view Releases](https://gitcode.com/openharmony-sig/rntpc_progress-view/releases) | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: @@ -25,13 +33,13 @@ #### **npm** ```bash -npm install @react-native-oh-tpl/progress-view +npm install @react-native-ohos/progress-view ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/progress-view +yarn add @react-native-ohos/progress-view ``` @@ -56,7 +64,9 @@ export default function ProgressViewExample() { ## Link -目前HarmonyOS暂不支持 AutoLink,所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/progress-view@1.4.3,已支持 Autolink,无需手动配置,目前只支持72框架。 Autolink框架指导文档:https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +此步骤为手动配置原生依赖项的指导。 首先需要使用 DevEco Studio 打开项目里的HarmonyOS工程 `harmony` @@ -87,7 +97,7 @@ export default function ProgressViewExample() { ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/progress-view": "file:../../node_modules/@react-native-oh-tpl/progress-view/harmony/progress_view.har" + "@react-native-ohos/progress-view": "file:../../node_modules/@react-native-ohos/progress-view/harmony/progress_view.har" } ``` @@ -107,6 +117,8 @@ ohpm install ### 3.配置 CMakeLists 和引入 ProgressViewPackage +> 若使用的是 <= 1.4.2-0.0.8 版本,请跳过本章。 + 打开 `entry/src/main/cpp/CMakeLists.txt`,添加: @@ -128,7 +140,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/progress-view/src/main/cpp" ./progress-view) ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/progress-view/src/main/cpp" ./progress-view) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -164,7 +176,23 @@ std::vector> PackageProvider::getPackages(Package::Cont } ``` -### 4.运行 +### 4 在 ArkTs 侧引入 ProgressViewPackage + +打开 `entry/src/main/ets/RNPackagesFactory.ts`,添加: + +```diff + ... ++ import { ProgressViewPackage } from "@react-native-ohos/progress-view/ts"; + +export function createRNPackages(ctx: RNPackageContext): RNPackage[] { + return [ + new SamplePackage(ctx), ++ new ProgressViewPackage(ctx), + ]; +} +``` + +### 5.运行 点击右上角的 `sync` 按钮 @@ -183,7 +211,11 @@ ohpm install 要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-library/progress-view Releases](https://github.com/react-native-oh-library/progress-view/releases) +在以下版本验证通过: + +1. RNOH: 0.72.96; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112; +2. RNOH: 0.72.33; SDK: HarmonyOS NEXT B1; IDE: DevEco Studio: 5.0.3.900; ROM: Next.0.0.71; +3. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.858; ROM: 6.0.0.112; ## 属性 diff --git a/zh-cn/react-native-document-picker.md b/zh-cn/react-native-document-picker.md index 8f89f125f68ba88e16bc73f968280cfd0a42eba2..9dae9daa8b65dc8df6a85cca5eac13061be99fef 100644 --- a/zh-cn/react-native-document-picker.md +++ b/zh-cn/react-native-document-picker.md @@ -4,7 +4,7 @@

react-native-document-picker

-> [!TIP] [Github 地址](https://github.com/react-native-documents/document-picker) +> [!TIP] [Github 地址](https://github.com/react-native-oh-library/document-picker) ## 1. 安装与使用