From 03915220e195d40ef22f0963c1971fdf96f8170f Mon Sep 17 00:00:00 2001 From: "@xobear-king" <2658469835@qq.com> Date: Wed, 10 Dec 2025 11:02:47 +0800 Subject: [PATCH 1/6] =?UTF-8?q?fix:=20update=20react-native-community-date?= =?UTF-8?q?timepicker.md=E4=B8=AD=E8=8B=B1=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- en/react-native-community-datetimepicker.md | 53 +++++------------- .../react-native-community-datetimepicker.md | 54 +++++-------------- 2 files changed, 26 insertions(+), 81 deletions(-) diff --git a/en/react-native-community-datetimepicker.md b/en/react-native-community-datetimepicker.md index 7a440bbf..a83bf7b5 100644 --- a/en/react-native-community-datetimepicker.md +++ b/en/react-native-community-datetimepicker.md @@ -19,8 +19,9 @@ Please refer to the Release page of the corresponding third-party library for ve | Version | Releases | RN Version | | ---------- | ------------------------------------------------------------ | ---------- | -| 7.6.2 | [@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases) | 0.72 | -| 8.4.3 | [@react-native-ohos/datetimepicker Releases]() | 0.77 | +| <= 7.6.2-0.1.1@deprecated | [@react-native-oh-tpl/datetimepicker Releases(deprecated)](https://github.com/react-native-oh-library/datetimepicker/releases) | 0.72 | +| 7.6.3 | [@react-native-ohos/datetimepicker Releases](https://gitcode.com/openharmony-sig/rntpc_datetimepicker/releases) | 0.72 | +| 8.4.3 | [@react-native-ohos/datetimepicker Releases](https://gitcode.com/openharmony-sig/rntpc_datetimepicker/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. @@ -33,20 +34,12 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash -# V7.6.2 -npm install @react-native-oh-tpl/datetimepicker - -# V8.4.3 npm install @react-native-ohos/datetimepicker ``` #### **yarn** ```bash -# V7.6.2 -yarn add @react-native-oh-tpl/datetimepicker - -# V8.4.3 yarn add @react-native-ohos/datetimepicker ``` @@ -109,7 +102,10 @@ export const MDatetimepicker = () => { ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/datetimepicker@8.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. @@ -135,17 +131,6 @@ Method 1 (recommended): Use the HAR file. Open `entry/oh-package.json5` file and add the following dependencies: -- V7.6.2 - -```json -"dependencies": { - "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - - "@react-native-oh-tpl/datetimepicker": "file:../../node_modules/@react-native-oh-tpl/datetimepicker/harmony/datetimepicker.har" -} -``` -- V8.4.3 - ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -168,6 +153,8 @@ Method 2: Directly link to the source code. ### 3. Configuring CMakeLists and Introducing datetimepicker +> If you are using version <= 7.6.2-0.1.1, please skip this chapter. + Open `entry/src/main/cpp/CMakeLists.txt` and add the following code: ```diff @@ -189,10 +176,6 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) -# V7.6.2 -+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/datetimepicker/src/main/cpp" ./datetimepicker) - -# V8.4.3 + add_subdirectory("${OH_MODULES}/@react-native-ohos/datetimepicker/src/main/cpp" ./datetimepicker) # RNOH_END: manual_package_linking_1 @@ -237,10 +220,6 @@ Find `function buildCustomRNComponent()`, which is usually located in `entry/src ```diff ... -// V7.6.2 -+ import { RNDateTimePicker, DATETIME_PICKER_VIEW_TYPE } from "@react-native-oh-tpl/datetimepicker" - -// V8.4.3 + import { RNDateTimePicker, DATETIME_PICKER_VIEW_TYPE } from "@react-native-ohos/datetimepicker" @Builder @@ -289,17 +268,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. -Please refer to the Release page of the corresponding third-party library for version information: - -| Version | Releases | RN Releases | -| ---------- | ------------------------------------------------------------ | ---------- | -| 7.6.2 | [@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases) | 0.72 | -| 8.4.3 | [@react-native-ohos/datetimepicker Releases]() | 0.77 | - -The content of this document has been verified based on the following versions: +Verified in the following versions. -1. RNOH: 0.72.98; SDK: HarmonyOS-5.0.0(API12); IDE: DevEco Studio 5.0.3.906; ROM: NEXT.0.0.71; -2. RNOH：0.77.18; SDK：HarmonyOS 6.0.0.47 (API Version 20); IDE：DevEco Studio 6.0.0.858; ROM：6.0.0.107; +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/zh-cn/react-native-community-datetimepicker.md b/zh-cn/react-native-community-datetimepicker.md index f334640a..8f3c5219 100644 --- a/zh-cn/react-native-community-datetimepicker.md +++ b/zh-cn/react-native-community-datetimepicker.md @@ -20,8 +20,9 @@ | 三方库版本 | 发布信息 | 支持RN版本 | | ---------- | ------------------------------------------------------------ | ---------- | -| 7.6.2 | [@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases) | 0.72 | -| 8.4.3 | [@react-native-ohos/datetimepicker Releases]() | 0.77 | +| <= 7.6.2-0.1.1@deprecated | [@react-native-oh-tpl/datetimepicker Releases(deprecated)](https://github.com/react-native-oh-library/datetimepicker/releases) | 0.72 | +| 7.6.3 | [@react-native-ohos/datetimepicker Releases](https://gitcode.com/openharmony-sig/rntpc_datetimepicker/releases) | 0.72 | +| 8.4.3 | [@react-native-ohos/datetimepicker Releases](https://gitcode.com/openharmony-sig/rntpc_datetimepicker/releases) | 0.77 | 对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 @@ -32,20 +33,12 @@ #### **npm** ```bash -# V7.6.2 -npm install @react-native-oh-tpl/datetimepicker - -# V8.4.3 npm install @react-native-ohos/datetimepicker ``` #### **yarn** ```bash -# V7.6.2 -yarn add @react-native-oh-tpl/datetimepicker - -# V8.4.3 yarn add @react-native-ohos/datetimepicker ``` @@ -108,7 +101,10 @@ export const MDatetimepicker = () => { ## Link -目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/datetimepicker@8.4.3，已支持 Autolink，无需手动配置，目前只支持72框架。 +Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +此步骤为手动配置原生依赖项的指导。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -136,18 +132,6 @@ export const MDatetimepicker = () => { 打开 `entry/oh-package.json5`，添加以下依赖 -- V7.6.2 - -```json -"dependencies": { - "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - - "@react-native-oh-tpl/datetimepicker": "file:../../node_modules/@react-native-oh-tpl/datetimepicker/harmony/datetimepicker.har" -} -``` - -- V8.4.3 - ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -171,6 +155,8 @@ ohpm install ### 3.配置 CMakeLists 和引入 datetimepicker +> 若使用的是 <= 7.6.2-0.1.1 版本，请跳过本章。 + 打开 `entry/src/main/cpp/CMakeLists.txt`，添加： ```diff @@ -192,10 +178,6 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) -# V7.6.2 -+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/datetimepicker/src/main/cpp" ./datetimepicker) - -# V8.4.3 + add_subdirectory("${OH_MODULES}/@react-native-ohos/datetimepicker/src/main/cpp" ./datetimepicker) # RNOH_END: manual_package_linking_1 @@ -240,10 +222,6 @@ std::vector> PackageProvider::getPackages(Package::Cont ```diff ... -// V7.6.2 -+ import { RNDateTimePicker, DATETIME_PICKER_VIEW_TYPE } from "@react-native-oh-tpl/datetimepicker" - -// V8.4.3 + import { RNDateTimePicker, DATETIME_PICKER_VIEW_TYPE } from "@react-native-ohos/datetimepicker" @Builder @@ -291,17 +269,11 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： - -| 三方库版本 | 发布信息 | 支持RN版本 | -| ---------- | ------------------------------------------------------------ | ---------- | -| 7.6.2 | [@react-native-oh-tpl/datetimepicker Releases](https://github.com/react-native-oh-library/datetimepicker/releases) | 0.72 | -| 8.4.3 | [@react-native-ohos/datetimepicker Releases]() | 0.77 | - -本文档内容基于以下版本验证通过： +在以下版本验证通过： -1. RNOH: 0.72.98; SDK: HarmonyOS-5.0.0(API12); IDE: DevEco Studio 5.0.3.906; ROM: NEXT.0.0.71; -2. RNOH：0.77.18; SDK：HarmonyOS 6.0.0.47 (API Version 20); IDE：DevEco Studio 6.0.0.858; ROM：6.0.0.107; +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; ## 属性 -- Gitee From 75d643e746c51147ec16171647cbc5dbd407442e Mon Sep 17 00:00:00 2001 From: "@xobear-king" <2658469835@qq.com> Date: Wed, 10 Dec 2025 14:25:37 +0800 Subject: [PATCH 2/6] =?UTF-8?q?fix:=20update=20react-native-MJRefresh.md?= =?UTF-8?q?=20=E4=B8=AD=E8=8B=B1=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- en/react-native-MJRefresh.md | 29 +++++++++++++++++++++++------ zh-cn/react-native-MJRefresh.md | 30 +++++++++++++++++++++++------- 2 files changed, 46 insertions(+), 13 deletions(-) diff --git a/en/react-native-MJRefresh.md b/en/react-native-MJRefresh.md index 2b9de99f..7c6750f0 100644 --- a/en/react-native-MJRefresh.md +++ b/en/react-native-MJRefresh.md @@ -17,7 +17,14 @@ ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/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 | +|-------| ------------------------------------------------------------ | ---------- | +| <= 0.7.0-0.2.2@deprecated | [@react-native-oh-tpl/react-native-MJRefresh Releases(deprecated)](https://github.com/react-native-oh-library/react-native-MJRefresh/releases) | 0.72 | +| 0.7.1 | [@react-native-ohos/react-native-MJRefresh Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-mjrefresh/releases) | 0.72 | + +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-mjrefresh +npm install @react-native-ohos/react-native-mjrefresh ``` #### yarn ```bash -yarn add @react-native-oh-tpl/react-native-mjrefresh +yarn add @react-native-ohos/react-native-mjrefresh ``` @@ -123,7 +130,9 @@ export default class MjRefreshDemo extends Component<{}, State> { ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-mjrefresh@0.7.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 + +This step provides guidance for manually configuring native dependencies. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -153,7 +162,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-mjrefresh": "file:../../node_modules/@react-native-oh-tpl/react-native-mjrefresh/harmony/mjrefresh.har" + "@react-native-ohos/react-native-mjrefresh": "file:../../node_modules/@react-native-ohos/react-native-mjrefresh/harmony/mjrefresh.har" } ``` @@ -172,6 +181,8 @@ Method 2: Directly link to the source code. ### 3. Configuring CMakeLists and Introducing MJRefreshPackge +> If you are using version <= 0.7.0-0.2.2, please skip this chapter. + Open `entry/src/main/cpp/CMakeLists.txt` and add the following code: ```diff @@ -192,7 +203,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-mjrefresh/src/main/cpp" ./mjrefresh) ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-mjrefresh/src/main/cpp" ./mjrefresh) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -246,6 +257,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. +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; + Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases) ## Properties diff --git a/zh-cn/react-native-MJRefresh.md b/zh-cn/react-native-MJRefresh.md index 1d5f639f..b72ace1b 100644 --- a/zh-cn/react-native-MJRefresh.md +++ b/zh-cn/react-native-MJRefresh.md @@ -17,7 +17,14 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +|-------| ------------------------------------------------------------ | ---------- | +| <= 0.7.0-0.2.2@deprecated | [@react-native-oh-tpl/react-native-MJRefresh Releases(deprecated)](https://github.com/react-native-oh-library/react-native-MJRefresh/releases) | 0.72 | +| 0.7.1 | [@react-native-ohos/react-native-MJRefresh Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-mjrefresh/releases) | 0.72 | + +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -26,13 +33,13 @@ #### npm ```bash -npm install @react-native-oh-tpl/react-native-mjrefresh +npm install @react-native-ohos/react-native-mjrefresh ``` #### yarn ```bash -yarn add @react-native-oh-tpl/react-native-mjrefresh +yarn add @react-native-ohos/react-native-mjrefresh ``` @@ -121,7 +128,10 @@ export default class MjRefreshDemo extends Component<{}, State> { ## Link -目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/react-native-mjrefresh@0.7.1，已支持 Autolink，无需手动配置，目前只支持72框架。 +Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +此步骤为手动配置原生依赖项的指导。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -153,7 +163,7 @@ export default class MjRefreshDemo extends Component<{}, State> { "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-mjrefresh": "file:../../node_modules/@react-native-oh-tpl/react-native-mjrefresh/harmony/mjrefresh.har" + "@react-native-ohos/react-native-mjrefresh": "file:../../node_modules/@react-native-ohos/react-native-mjrefresh/harmony/mjrefresh.har" } ``` @@ -172,6 +182,8 @@ ohpm install ### 3.配置 CMakeLists 和引入 MJRefreshPackge +> 若使用的是 <= 0.7.0-0.2.2 版本，请跳过本章。 + 打开 `entry/src/main/cpp/CMakeLists.txt`，添加： ```diff @@ -192,7 +204,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-mjrefresh/src/main/cpp" ./mjrefresh) ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-mjrefresh/src/main/cpp" ./mjrefresh) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -246,7 +258,11 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/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; ## 属性 -- Gitee From b5b5aa80be9c418ae06c820ca3fe6203d8f435d6 Mon Sep 17 00:00:00 2001 From: "@xobear-king" <2658469835@qq.com> Date: Wed, 10 Dec 2025 16:03:04 +0800 Subject: [PATCH 3/6] =?UTF-8?q?fix:=20update=20react-native-MJRefresh?= =?UTF-8?q?=E5=92=8Creact-native-community-datetimepicker=E7=9A=84?= =?UTF-8?q?=E6=96=87=E6=A1=A3=E9=94=99=E8=AF=AF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- en/react-native-MJRefresh.md | 2 -- en/react-native-community-datetimepicker.md | 3 ++- zh-cn/react-native-community-datetimepicker.md | 2 +- 3 files changed, 3 insertions(+), 4 deletions(-) diff --git a/en/react-native-MJRefresh.md b/en/react-native-MJRefresh.md index 7c6750f0..10ccab2b 100644 --- a/en/react-native-MJRefresh.md +++ b/en/react-native-MJRefresh.md @@ -263,8 +263,6 @@ Verified in the following versions. 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; -Check the release version information in the release address of the third-party library: [@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases) - ## Properties > [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library. diff --git a/en/react-native-community-datetimepicker.md b/en/react-native-community-datetimepicker.md index a83bf7b5..7dfe475e 100644 --- a/en/react-native-community-datetimepicker.md +++ b/en/react-native-community-datetimepicker.md @@ -102,7 +102,7 @@ export const MDatetimepicker = () => { ## Link -Version >= @react-native-ohos/datetimepicker@8.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 +Version >= @react-native-ohos/datetimepicker@7.6.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. @@ -137,6 +137,7 @@ Open `entry/oh-package.json5` file and add the following dependencies: "@react-native-ohos/datetimepicker": "file:../../node_modules/@react-native-ohos/datetimepicker/harmony/datetimepicker.har" } +``` Click the `sync` button in the upper right corner. diff --git a/zh-cn/react-native-community-datetimepicker.md b/zh-cn/react-native-community-datetimepicker.md index 8f3c5219..ad608b05 100644 --- a/zh-cn/react-native-community-datetimepicker.md +++ b/zh-cn/react-native-community-datetimepicker.md @@ -101,7 +101,7 @@ export const MDatetimepicker = () => { ## Link -Version >= @react-native-ohos/datetimepicker@8.4.3，已支持 Autolink，无需手动配置，目前只支持72框架。 +Version >= @react-native-ohos/datetimepicker@7.6.3，已支持 Autolink，无需手动配置，目前只支持72框架。 Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md 此步骤为手动配置原生依赖项的指导。 -- Gitee From 2586ee000a25f59e6633594666cb7da5b58dacb9 Mon Sep 17 00:00:00 2001 From: "@xobear-king" <2658469835@qq.com> Date: Wed, 10 Dec 2025 16:55:41 +0800 Subject: [PATCH 4/6] =?UTF-8?q?fix:=20update=20react-native-picker=20?= =?UTF-8?q?=E4=B8=AD=E8=8B=B1=E6=96=87=E6=A1=A3=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- en/react-native-picker.md | 49 +++++++++++----------------------- zh-cn/react-native-picker.md | 51 +++++++++++------------------------- 2 files changed, 32 insertions(+), 68 deletions(-) diff --git a/en/react-native-picker.md b/en/react-native-picker.md index baef455a..ffe2c6ed 100644 --- a/en/react-native-picker.md +++ b/en/react-native-picker.md @@ -16,38 +16,29 @@ ## Installation and Usage - Please refer to the Release page of the corresponding third-party library for version information: + | Version | Releases | RN Version | -| ---------- | ------------------------------------------------------------ | ---------- | -| 4.3.9 | [@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases) | 0.72 | -| 4.4.0 | [@react-native-ohos/react-native-picker Releases]() | 0.77 | +|-------| ------------------------------------------------------------ | ---------- | +| <= 4.3.9-0.0.8@deprecated | [@react-native-oh-tpl/react-native-picker Releases(deprecated)](https://github.com/react-native-oh-library/react-native-picker/releases) | 0.72 | +| 4.3.10 | [@react-native-ohos/react-native-picker Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-picker/releases) | 0.72 | +| 4.4.0 | [@react-native-ohos/react-native-picker Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-picker/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: - - #### **npm** ```bash -# 0.72 -npm install @react-native-oh-tpl/react-native-picker - -# 0.77 npm install @react-native-ohos/react-native-picker ``` #### **yarn** ```bash -# 0.72 -yarn add @react-native-oh-tpl/react-native-picker - -# 0.77 yarn add @react-native-ohos/react-native-picker ``` @@ -129,7 +120,9 @@ export default MyPicker; ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-picker@4.3.10 now supports Autolink without requiring manual configuration, currently only supports 72 frameworks. Autolink Framework Guide Documentation: https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +This step provides guidance for manually configuring native dependencies. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -154,19 +147,13 @@ Method 1 (recommended): Use the HAR file. Open `entry/oh-package.json5` file and add the following dependencies: -- 0.72 -```json -"dependencies": { - "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-picker/harmony/picker.har" - } -``` -- 0.77 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", "@react-native-oh-tpl/react-native-picker": "file:../../node_modules/@react-native-ohos/react-native-picker/harmony/picker.har" } +``` + Click the `sync` button in the upper right corner. Alternatively, run the following instruction on the terminal: @@ -182,6 +169,8 @@ Method 2: Directly link to the source code. ### 3. Configuring CMakeLists and Introducing PickerPackage +> If you are using version <= 4.3.9-0.0.8, please skip this chapter. + Open `entry/src/main/cpp/CMakeLists.txt` and add the following code: ```diff @@ -279,17 +268,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. +Verified in the following versions. -Please refer to the Release page of the corresponding third-party library for version information: -| Version | Releases | RN Version | -| ---------- | ------------------------------------------------------------ | ---------- | -| 4.3.9 | [@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases) | 0.72 | -| 4.4.0 | [@react-native-ohos/react-native-picker Releases]() | 0.77 | - -The content of this document has been verified based on the following versions: - -1. RNOH: 0.72.98; SDK: HarmonyOS-5.0.0(API12); IDE: DevEco Studio 5.0.3.906; ROM: NEXT.0.0.71; -2. RNOH：0.77.18; SDK：HarmonyOS 6.0.0.47 (API Version 20); IDE：DevEco Studio 6.0.0.858; ROM：6.0.0.107; +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/zh-cn/react-native-picker.md b/zh-cn/react-native-picker.md index 73e3c028..2e6b5a93 100644 --- a/zh-cn/react-native-picker.md +++ b/zh-cn/react-native-picker.md @@ -16,39 +16,29 @@ ## 安装与使用 +请到三方库的 Releases 发布地址查看配套的版本信息： - -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： -| 三方库版本 | 发布信息 | 支持RN版本 | -| ---------- | ------------------------------------------------------------ | ---------- | -| 4.3.9 | [@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases) | 0.72 | -| 4.4.0 | [@react-native-ohos/react-native-picker Releases]() | 0.77 | +| 三方库版本 | 发布信息 | 支持RN版本 | +|-------| ------------------------------------------------------------ | ---------- | +| <= 4.3.9-0.0.8@deprecated | [@react-native-oh-tpl/react-native-picker Releases(deprecated)](https://github.com/react-native-oh-library/react-native-picker/releases) | 0.72 | +| 4.3.10 | [@react-native-ohos/react-native-picker Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-picker/releases) | 0.72 | +| 4.4.0 | [@react-native-ohos/react-native-picker Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-picker/releases) | 0.77 | 对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： - - #### **npm** ```bash -# 0.72 -npm install @react-native-oh-tpl/react-native-picker - -# 0.77 npm install @react-native-ohos/react-native-picker ``` #### **yarn** ```bash -# 0.72 -yarn add @react-native-oh-tpl/react-native-picker - -# 0.77 yarn add @react-native-ohos/react-native-picker ``` @@ -129,7 +119,10 @@ export default MyPicker; ``` ## Link -目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/react-native-picker@4.3.10，已支持 Autolink，无需手动配置，目前只支持72框架。 +Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +此步骤为手动配置原生依赖项的指导。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -157,14 +150,6 @@ export default MyPicker; 打开 `entry/oh-package.json5`，添加以下依赖 -- 0.72 -```json -"dependencies": { - "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-picker": "file:../../node_modules/@react-native-oh-tpl/react-native-picker/harmony/picker.har" - } -``` -- 0.77 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -186,6 +171,8 @@ ohpm install ### 3.配置 CMakeLists 和引入 PickerPackage +> 若使用的是 <= 4.3.9-0.0.8 版本，请跳过本章。 + 打开 `entry/src/main/cpp/CMakeLists.txt`，添加： ```diff @@ -282,17 +269,11 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： -| 三方库版本 | 发布信息 | 支持RN版本 | -| ---------- | ------------------------------------------------------------ | ---------- | -| 4.3.9 | [@react-native-oh-tpl/react-native-picker Releases](https://github.com/react-native-oh-library/react-native-picker/releases) | 0.72 | -| 4.4.0 | [@react-native-ohos/react-native-picker Releases]() | 0.77 | - -本文档内容基于以下版本验证通过： - -1. RNOH: 0.72.98; SDK: HarmonyOS-5.0.0(API12); IDE: DevEco Studio 5.0.3.906; ROM: NEXT.0.0.71; -2. RNOH：0.77.18; SDK：HarmonyOS 6.0.0.47 (API Version 20); IDE：DevEco Studio 6.0.0.858; ROM：6.0.0.107; +在以下版本验证通过： +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; ## 属性 -- Gitee From c85323fe088becdc72f0d0ece08e75ca00feea3e Mon Sep 17 00:00:00 2001 From: "@xobear-king" <2658469835@qq.com> Date: Wed, 10 Dec 2025 17:26:28 +0800 Subject: [PATCH 5/6] =?UTF-8?q?fix:=20update=20react-native-picker=20?= =?UTF-8?q?=E4=B8=AD=E8=8B=B1=E6=96=87=E6=A1=A3=E9=94=99=E8=AF=AF=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-picker.md | 5 +---- zh-cn/react-native-picker.md | 9 +-------- 2 files changed, 2 insertions(+), 12 deletions(-) diff --git a/en/react-native-picker.md b/en/react-native-picker.md index ffe2c6ed..98a982e0 100644 --- a/en/react-native-picker.md +++ b/en/react-native-picker.md @@ -150,7 +150,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-picker": "file:../../node_modules/@react-native-ohos/react-native-picker/harmony/picker.har" + "@react-native-ohos/react-native-picker": "file:../../node_modules/@react-native-ohos/react-native-picker/harmony/picker.har" } ``` @@ -191,9 +191,6 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) -# 0.72 -+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-picker/src/main/cpp" ./picker) -# 0.77 + add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-picker/src/main/cpp" ./picker) # RNOH_END: manual_package_linking_1 diff --git a/zh-cn/react-native-picker.md b/zh-cn/react-native-picker.md index 2e6b5a93..2ea7ba5e 100644 --- a/zh-cn/react-native-picker.md +++ b/zh-cn/react-native-picker.md @@ -153,7 +153,7 @@ Autolink框架指导文档：https://gitcode.com/openharmony-sig/ohos_react_nati ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-picker": "file:../../node_modules/@react-native-ohos/react-native-picker/harmony/picker.har" + "@react-native-ohos/react-native-picker": "file:../../node_modules/@react-native-ohos/react-native-picker/harmony/picker.har" } ``` 点击右上角的 `sync` 按钮 @@ -193,10 +193,6 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) -# 0.72 -+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-picker/src/main/cpp" ./picker) - -# 0.77 + add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-picker/src/main/cpp" ./picker) # RNOH_END: manual_package_linking_1 @@ -239,9 +235,6 @@ std::vector> PackageProvider::getPackages(Package::Cont 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加： ```diff ... - // 0.72 -+ import { PickerViewPackage } from "@react-native-oh-tpl/react-native-picker/ts" - // 0.77 + import { PickerViewPackage } from "@react-native-ohos/react-native-picker/ts" export function createRNPackages(ctx: RNPackageContext): RNPackage[] { -- Gitee From 9e115782a33b9947f90097e8f0ff062ecaa7e5c4 Mon Sep 17 00:00:00 2001 From: "@xobear-king" <2658469835@qq.com> Date: Thu, 11 Dec 2025 09:09:11 +0800 Subject: [PATCH 6/6] =?UTF-8?q?fix:=20update=20react-native-picker=20?= =?UTF-8?q?=E8=8B=B1=E6=96=87=E6=A1=A3=E9=94=99=E8=AF=AF=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- en/react-native-picker.md | 3 --- 1 file changed, 3 deletions(-) diff --git a/en/react-native-picker.md b/en/react-native-picker.md index 98a982e0..7d10b8b7 100644 --- a/en/react-native-picker.md +++ b/en/react-native-picker.md @@ -234,9 +234,6 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... - // 0.72 -+ import { PickerViewPackage } from "@react-native-oh-tpl/react-native-picker/ts" - // 0.77 + import { PickerViewPackage } from "@react-native-ohos/react-native-picker/ts" export function createRNPackages(ctx: RNPackageContext): RNPackage[] { -- Gitee