diff --git a/en/react-native-context-menu-view.md b/en/react-native-context-menu-view.md index bf6f4f57aa3f1b3370e9b0323075e9780591b3bb..1d2029e9633515cdb45627cc87650302dd798259 100644 --- a/en/react-native-context-menu-view.md +++ b/en/react-native-context-menu-view.md @@ -16,24 +16,30 @@ ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-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 -Go to the project directory and execute the following instruction: +| Third-party Library Version | Release Information | Supported RN Version | +|-----------------------------| ------------------------------------------------------------ | ---------- | +| <= 1.16.0-0.0.6@deprecated | [@react-native-oh-tpl/react-native-context-menu-view Releases(deprecated)](https://github.com/react-native-oh-library/react-native-context-menu-view/releases) | 0.72 | +| 1.16.1 | [@react-native-ohos/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases) | 0.72 | +| 1.19.1 | [@react-native-ohos/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/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 -npm install @react-native-oh-tpl/react-native-context-menu-view +npm install @react-native-ohos/react-native-context-menu-view ``` #### **yarn** ```bash -yarn add @react-native-oh-tpl/react-native-context-menu-view +yarn add @react-native-ohos/react-native-context-menu-view ``` @@ -63,7 +69,9 @@ const Example = () => { ## Link -Currently, HarmonyOS does not support AutoLink. Therefore, you need to manually configure the linking. +Version >= @react-native-ohos/react-native-context-menu-view@1.16.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. @@ -91,7 +99,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-context-menu-view": "file:../../node_modules/@react-native-oh-tpl/react-native-context-menu-view/harmony/context_menu.har" + "@react-native-ohos/react-native-context-menu-view": "file:../../node_modules/@react-native-ohos/react-native-context-menu-view/harmony/context_menu.har" } ``` @@ -110,6 +118,8 @@ Method 2: Directly link to the source code. ### 3. Configuring CMakeLists and Introducing ContextMenuPackage +> If you are using version <= 1.16.0-0.0.6, please skip this chapter. + Open `entry/src/main/cpp/CMakeLists.txt` and add the following code: ```diff @@ -130,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/react-native-context-menu-view/src/main/cpp" ./context_menu) ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-context-menu-view/src/main/cpp" ./context_menu) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -173,7 +183,7 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... -+ import {ContextMenuPackage} from '@react-native-oh-tpl/react-native-context-menu-view/ts'; ++ import {ContextMenuPackage} from '@react-native-ohos/react-native-context-menu-view/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ @@ -202,7 +212,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-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases) +Verified successfully 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-image-editor.md b/en/react-native-image-editor.md index 984be0874c3ec2a73ce5cc55a0c65e1cb24a7784..0f4259cdc0d3495ca53eb8250d0ef9732022f32c 100644 --- a/en/react-native-image-editor.md +++ b/en/react-native-image-editor.md @@ -4,16 +4,19 @@

@react-native-community/image-editor

-This project is based on [@react-native-community/image-editor@3.2.0](https://github.com/callstack/react-native-image-editor/tree/3.2.0). +> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-image-editor) -This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/image-editor`, The version correspondence details are as follows: +## 1. Installation and Usage -| Version | Package Name | Repository | Release | -| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- | -| <= 3.2.1@deprecated | @react-native-oh-tpl/image-editor | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-editor) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-editor/releases) | -| > 3.2.1 | @react-native-ohos/image-editor | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-image-editor) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-editor/releases) | +Please refer to the Releases page of the third-party library for the corresponding version information -## 1. Installation and Usage +| Third-party Library Version | Release Information | Supported RN Version | +|-----------------------------| ------------------------------------------------------------ | ---------- | +| <= 3.2.0-nc.0.1.3@deprecated | [@react-native-oh-tpl/image-editor Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-editor/releases) | 0.72 | +| 3.2.1 | [@react-native-ohos/image-editor Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-editor/releases) | 0.72 | +| 4.3.1 | [@react-native-ohos/image-editor Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-editor/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: @@ -185,6 +188,8 @@ const styles = StyleSheet.create({ ## 2. Manual Link +Version >= @react-native-ohos/image-editor@3.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 + This step provides guidance for manually configuring native dependencies. Open the `harmony` directory of the HarmonyOS project in DevEco Studio. @@ -239,7 +244,7 @@ Method 2: Directly link to the source code. ### 2.3 Configuring CMakeLists and Introducing ImageEditorPackage -> [!TIP] Version v3.2.1-rc.1 and above requires. +> If you are using version <= 3.2.0-nc.0.1.3, please skip this chapter. Open `entry/src/main/cpp/CMakeLists.txt` and add the following code: @@ -304,7 +309,13 @@ Then build and run the code. ### 3.1 Compatibility -Check the release version information in the release address of the third-party library: [@react-native-ohos/image-editor Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-editor/releases) +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 successfully 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; ## 4. Properties diff --git a/zh-cn/react-native-context-menu-view.md b/zh-cn/react-native-context-menu-view.md index 3bcee3ce39ff0ab0e2f6c9f9e1fb9f1711c251ec..e8186807e75207588fbe9fd9c88a21b4260233a0 100644 --- a/zh-cn/react-native-context-menu-view.md +++ b/zh-cn/react-native-context-menu-view.md @@ -12,18 +12,17 @@

- - > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-context-menu-view) ## 安装与使用 请到三方库的 Releases 发布地址查看配套的版本信息: -| 三方库版本 | 发布信息 | 支持RN版本 | -| ---------- | ------------------------------------------------------------ | ---------- | -| 1.16.0 | [@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases) | 0.72 | -| 1.19.1 | [@react-native-ohos/react-native-context-menu-view Releases]() | 0.77 | +| 三方库版本 | 发布信息 | 支持RN版本 | +|---------------------|-------------------------------------------------------------------------------------------------------------------------------------------------| ---------- | +| <= 1.16.0-0.0.6@deprecated | [@react-native-oh-tpl/react-native-context-menu-view Releases(deprecated)](https://github.com/react-native-oh-library/react-native-context-menu-view/releases) | 0.72 | +| 1.16.1 | [@react-native-ohos/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases) | 0.72 | +| 1.19.1 | [@react-native-ohos/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases) | 0.77 | 对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 @@ -34,20 +33,12 @@ #### **npm** ```bash -# V1.16.0 -npm install @react-native-oh-tpl/react-native-context-menu-view - -# V1.19.1 npm install @react-native-ohos/react-native-context-menu-view ``` #### **yarn** ```bash -# V1.16.0 -yarn add @react-native-oh-tpl/react-native-context-menu-view - -# V1.19.1 yarn add @react-native-ohos/react-native-context-menu-view ``` @@ -78,7 +69,9 @@ const Example = () => { ## Link -目前 HarmonyOS 暂不支持 AutoLink,所以 Link 步骤需要手动配置。 +Version >= @react-native-ohos/react-native-context-menu-view@1.16.1,已支持 Autolink,无需手动配置,目前只支持72框架。 Autolink框架指导文档:https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + +此步骤为手动配置原生依赖项的指导。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony` @@ -106,17 +99,6 @@ const Example = () => { 打开 `entry/oh-package.json5`,添加以下依赖 -- V1.16.0 - -```json -"dependencies": { - "@rnoh/react-native-openharmony": "file:../react_native_openharmony", - "@react-native-oh-tpl/react-native-context-menu-view": "file:../../node_modules/@react-native-oh-tpl/react-native-context-menu-view/harmony/context_menu.har" - } -``` - -- V1.19.1 - ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -139,6 +121,8 @@ ohpm install ### 3.配置 CMakeLists 和引入 ContextMenuPackage +> 若使用的是 <= 1.16.0-0.0.6 版本,请跳过本章 + 打开 `entry/src/main/cpp/CMakeLists.txt`,添加: ```diff @@ -160,10 +144,6 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) -# V1.16.0 -+ add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-context-menu-view/src/main/cpp" ./context_menu) - -# V1.19.1 + add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-context-menu-view/src/main/cpp" ./context_menu) # RNOH_END: manual_package_linking_1 @@ -208,10 +188,6 @@ std::vector> PackageProvider::getPackages(Package::Cont ```diff ... -// V1.16.0 -+ import {ContextMenuPackage} from '@react-native-oh-tpl/react-native-context-menu-view/ts'; - -// V1.19.1 + import {ContextMenuPackage} from '@react-native-ohos/react-native-context-menu-view/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { @@ -241,12 +217,11 @@ ohpm install 要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息: +在以下版本验证通过: -| 三方库版本 | 发布信息 | 支持RN版本 | -| ---------- | ------------------------------------------------------------ | ---------- | -| 1.16.0 | [@react-native-oh-tpl/react-native-context-menu-view Releases](https://github.com/react-native-oh-library/react-native-context-menu-view/releases) | 0.72 | -| 1.19.1 | [@react-native-ohos/react-native-context-menu-view Releases]() | 0.77 | +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-image-editor.md b/zh-cn/react-native-image-editor.md index 655d84d44a30be54f8e1cffdb681f99dd85d7d5b..296ec5efe1382fb667c086abcb1e4ec81815bb73 100644 --- a/zh-cn/react-native-image-editor.md +++ b/zh-cn/react-native-image-editor.md @@ -4,16 +4,19 @@

@react-native-community/image-editor

-本项目基于 [@react-native-community/image-editor@3.2.0](https://github.com/callstack/react-native-image-editor/tree/3.2.0) 开发。 +> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-editor) -该第三方库的仓库已迁移至 Gitee,且支持直接从 npm 下载,新的包名为:`@react-native-ohos/image-editor`,具体版本所属关系如下: +## 1. 安装与使用 -| Version | Package Name | Repository | Release | -| ------------------------- | ------------------------------------------------- | ------------------ | -------------------------- | -| <= 3.2.1@deprecated | @react-native-oh-tpl/image-editor | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-image-editor) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-editor/releases) | -| > 3.2.1 | @react-native-ohos/image-editor | [Gitee](https://gitee.com/openharmony-sig/rntpc_react-native-image-editor) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-editor/releases) | +请到三方库的 Releases 发布地址查看配套的版本信息: -## 1. 安装与使用 +| 三方库版本 | 发布信息 | 支持RN版本 | +|---------------------|-------------------------------------------------------------------------------------------------------------------------------------------------| ---------- | +| <= 3.2.0-nc.0.1.3@deprecated | [@react-native-oh-tpl/image-editor Releases(deprecated)](https://github.com/react-native-oh-library/react-native-image-editor/releases) | 0.72 | +| 3.2.1 | [@react-native-ohos/image-editor Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-editor/releases) | 0.72 | +| 4.3.1 | [@react-native-ohos/image-editor Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-image-editor/releases) | 0.77 | + +对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令: @@ -184,6 +187,8 @@ const styles = StyleSheet.create({ ## 2. Manual Link +Version >= @react-native-ohos/image-editor@3.2.1,已支持 Autolink,无需手动配置,目前只支持72框架。 Autolink框架指导文档:https://gitcode.com/openharmony-sig/ohos_react_native/blob/master/docs/zh-cn/Autolinking.md + 此步骤为手动配置原生依赖项的指导。 首先需要使用 DevEco Studio 打开项目里的 HarmonyOS 工程 `harmony`。 @@ -238,7 +243,7 @@ ohpm install ### 2.3. 配置 CMakeLists 和引入 ImageEditorPackage -> [!TIP] 版本 v3.2.1-rc.1 及以上需要 +> 若使用的是 <= 3.2.0-nc.0.1.3 版本,请跳过本章 打开 `entry/src/main/cpp/CMakeLists.txt`,添加: @@ -303,7 +308,13 @@ ohpm install ### 3.1. 兼容性 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-ohos/image-editor Releases](https://gitee.com/openharmony-sig/rntpc_react-native-image-editor/releases) +要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。 + +在以下版本验证通过: + +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; ## 4. 属性