diff --git a/en/react-native-MJRefresh.md b/en/react-native-MJRefresh.md index 2b9de99f1ac622d728bb2985dfd672bc93f2dc65..37cfdcf64a6836c301287aeb2a5ba08e2290d574 100644 --- a/en/react-native-MJRefresh.md +++ b/en/react-native-MJRefresh.md @@ -17,7 +17,13 @@ ## 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. +Find the matching version information in the release address of a third-party library: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.7.0-0.2.2|[@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases) |0.72| +|0.7.1|[@react-native-ohos/react-native-MJRefresh 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: @@ -28,13 +34,21 @@ Go to the project directory and execute the following instruction: #### npm ```bash +# 0.7.0-0.2.2 npm install @react-native-oh-tpl/react-native-mjrefresh + +# 0.7.1 +npm install @react-native-ohos/react-native-mjrefresh ``` #### yarn ```bash +# 0.7.0-0.2.2 yarn add @react-native-oh-tpl/react-native-mjrefresh + +# 0.7.1 +yarn add @react-native-ohos/react-native-mjrefresh ``` @@ -149,6 +163,7 @@ Method 1 (recommended): Use the HAR file. Open `entry/oh-package.json5` file and add the following dependencies: +- 0.7.0-0.2.2 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -157,6 +172,15 @@ Open `entry/oh-package.json5` file and add the following dependencies: } ``` +- 0.7.1 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + + "@react-native-ohos/react-native-mjrefresh": "file:../../node_modules/@react-native-ohos/react-native-mjrefresh/harmony/mjrefresh.har" + } +``` + Click the `sync` button in the upper right corner. Alternatively, run the following instruction on the terminal: @@ -192,7 +216,12 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# 0.7.0-0.2.2 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-mjrefresh/src/main/cpp" ./mjrefresh) + +# 0.7.1 ++ 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 +275,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/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases) +Check the release version information in the release address of the third-party library: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.7.0-0.2.2|[@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases) |0.72| +|0.7.1|[@react-native-ohos/react-native-MJRefresh Releases]() |0.77| ## Properties diff --git a/en/react-native-SmartRefreshLayout.md b/en/react-native-SmartRefreshLayout.md index 2c2945b769935587795edaf31026421729036a96..2d1ad91b664238638452c477b041d9c62d9e4e05 100644 --- a/en/react-native-SmartRefreshLayout.md +++ b/en/react-native-SmartRefreshLayout.md @@ -16,7 +16,13 @@ ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-smartrefreshlayout/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: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.6.7-0.2.17|[@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-smartrefreshlayout/releases) |0.72| +|0.6.8|[@react-native-ohos/react-native-smartrefreshlayout 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: @@ -27,13 +33,21 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash +# 0.6.7-0.2.17 npm install @react-native-oh-tpl/react-native-smartrefreshlayout + +# 0.6.8 +npm install @react-native-ohos/react-native-smartrefreshlayout ``` #### **yarn** ```bash +# 0.6.7-0.2.17 yarn add @react-native-oh-tpl/react-native-smartrefreshlayout + +# 0.6.8 +yarn add @react-native-ohos/react-native-smartrefreshlayout ``` @@ -202,7 +216,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: - +- 0.6.7-0.2.17 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -210,7 +224,14 @@ Open `entry/oh-package.json5` file and add the following dependencies: "@react-native-oh-tpl/react-native-smartrefreshlayout": "file:../../node_modules/@react-native-oh-tpl/react-native-smartrefreshlayout/harmony/smart_refresh_layout.har" } ``` +- 0.6.8 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-smartrefreshlayout": "file:../../node_modules/@react-native-ohos/react-native-smartrefreshlayout/harmony/smart_refresh_layout.har" + } +``` Click the `sync` button in the upper right corner. Alternatively, run the following instruction on the terminal: @@ -246,7 +267,12 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_END: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# 0.6.7-0.2.17 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-smartrefreshlayout/src/main/cpp" ./smart-refresh-layout) + +# 0.6.8 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-smartrefreshlayout/src/main/cpp" ./smart-refresh-layout) # RNOH_END: manual_package_linking_1 add_library(rnoh_app SHARED @@ -285,8 +311,12 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following ```diff ... + // 0.6.7-0.2.17 + import { SmartRefreshPackage } from '@react-native-oh-tpl/react-native-smartrefreshlayout/ts'; + // 0.6.8 ++ import { SmartRefreshPackage } from '@react-native-ohos/react-native-smartrefreshlayout/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -314,8 +344,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-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases) - +Check the release version information in the release address of the third-party library: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.6.7-0.2.17|[@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-smartrefreshlayout/releases) |0.72| +|0.6.8|[@react-native-ohos/react-native-smartrefreshlayout Releases]() |0.77| ## 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-amap3d.md b/en/react-native-amap3d.md index dbb2e53a5f74c742ee4985a44ce0f0ddbab9db88..204d8ecb7d7ec14f38333c73ed479191e4ee0e66 100644 --- a/en/react-native-amap3d.md +++ b/en/react-native-amap3d.md @@ -17,7 +17,13 @@ ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/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: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|3.2.4-0.1.1-rc.5|[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases)|0.72| +|3.2.5|[@react-native-ohos/react-native-amap3d 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: @@ -28,13 +34,21 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash +# 3.2.4-0.1.1-rc.5 npm install @react-native-oh-tpl/react-native-amap3d + +# 3.2.5 +npm install @react-native-ohos/react-native-amap3d ``` #### **yarn** ```bash +# 3.2.4-0.1.1-rc.5 yarn add @react-native-oh-tpl/react-native-amap3d + +# 3.2.5 +yarn add @react-native-ohos/react-native-amap3d ``` @@ -186,7 +200,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: - +- 3.2.4-0.1.1-rc.5 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -194,6 +208,14 @@ Open `entry/oh-package.json5` file and add the following dependencies: } ``` +- 3.2.5 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-amap3d": "file:../../node_modules/@react-native-ohos/react-native-amap3d/harmony/rn_amap3d.har" + } +``` + Click the `sync` button in the upper right corner. Alternatively, run the following instruction on the terminal: @@ -229,7 +251,12 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# 3.2.4-0.1.1-rc.5 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-amap3d/src/main/cpp" ./rn_amap3d) + +# 3.2.5 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-amap3d/src/main/cpp" ./rn_amap3d) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -273,6 +300,7 @@ Find `function buildCustomRNComponent()`, which is usually located in `entry/src ```diff ... +// 3.2.4-0.1.1-rc.5 + import { + A_MAP_CIRCLE_VIEW_TYPE, + A_MAP_MARKER_TYPE, @@ -286,6 +314,20 @@ Find `function buildCustomRNComponent()`, which is usually located in `entry/src + GOADE_MAP_VIEW_TYPE +} from '@react-native-oh-tpl/react-native-amap3d'; +// 3.2.5 ++ import { ++ A_MAP_CIRCLE_VIEW_TYPE, ++ A_MAP_MARKER_TYPE, ++ A_MAP_POLYGON_TYPE, ++ A_MAP_POLYLINE_TYPE, ++ AMapCircle, ++ AMapMarker, ++ AMapPolygon, ++ AMapPolyline, ++ AMapView, ++ GOADE_MAP_VIEW_TYPE ++} from '@react-native-ohos/react-native-amap3d'; + @Builder export function buildCustomRNComponent(ctx: ComponentBuilderContext) { ... @@ -348,7 +390,11 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... + // 3.2.4-0.1.1-rc.5 + import {AMap3DPackage} from '@react-native-oh-tpl/react-native-amap3d/ts'; + + // 3.2.5 ++ import {AMap3DPackage} from '@react-native-ohos/react-native-amap3d/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -376,7 +422,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-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases) +Check the release version information in the release address of the third-party library: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|3.2.4-0.1.1-rc.5|[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases)|0.72| +|3.2.5|[@react-native-ohos/react-native-amap3d Releases]()|0.77| ## Properties diff --git a/en/react-native-audio.md b/en/react-native-audio.md index ab42d2426c7a0ffef590e05077045f55f467d031..85ec38fc9bf66ae3d2b6ef0ccc2b4a79f67d05bb 100644 --- a/en/react-native-audio.md +++ b/en/react-native-audio.md @@ -6,12 +6,13 @@ This project is based on [react-native-audio@4.2.2](https://github.com/jsierles/react-native-audio/tree/v4.2.2). -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/react-native-audio`, The version correspondence details are as follows: +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-audio`, The version correspondence details are as follows: -| Version | Package Name | Repository | Release | -| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 4.2.2@deprecated | @react-native-oh-library/react-native-audio | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-audio) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-audio/releases) | -| > 4.2.2 | @react-native-ohos/react-native-audio | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-audio) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio/releases) | +| Version | Package Name | Repository | Release| Supported RN Version | +| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |----| +| <= 4.2.2@deprecated | @react-native-oh-library/react-native-audio | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-audio) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-audio/releases) |0.72| +| > 4.2.2 | @react-native-ohos/react-native-audio | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-audio) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio/releases) |0.72| +| > 4.2.3 | @react-native-ohos/react-native-audio | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-audio) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio/releases) |0.72/0.77| ## Installation and Usage diff --git a/en/react-native-autocomplete-input.md b/en/react-native-autocomplete-input.md index 6336220c8a5abd1da95f727cd199e47a3ef12fab..4a5970debb73f6f63299af2d0399357cc1bb7370 100644 --- a/en/react-native-autocomplete-input.md +++ b/en/react-native-autocomplete-input.md @@ -166,7 +166,9 @@ export default App; This document is verified based on the following versions: -RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25; +1. RNOH：0.72.27; SDK：HarmonyOS-Next-DB1 5.0.0.25; IDE：DevEco Studio 5.0.3.400SP7; ROM：3.0.0.25; + +2. RNOH: 0.77.18; SDK：HarmonyOS 5.0.0 Release(API Version 12 Release); IDE：DevEco Studio 5.1.1.830; ROM：5.0.0.150 SP8 ## Properties diff --git a/en/react-native-baidu-map.md b/en/react-native-baidu-map.md index e97ea6cc0c758c88022a1baf17e2822639e1ff60..24f9eefbba40395b7bdf1db7fa98b45bbed4bf52 100644 --- a/en/react-native-baidu-map.md +++ b/en/react-native-baidu-map.md @@ -16,7 +16,13 @@ ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/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: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|1.0.37-0.0.5-rc.3|[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)|0.72| +|1.0.38|[@react-native-ohos/react-native-baidu-map 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: @@ -27,13 +33,21 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash +# 1.0.37-0.0.5-rc.3 npm install @react-native-oh-tpl/react-native-baidu-map + +# 1.0.38 +npm install @react-native-ohos/react-native-baidu-map ``` #### **yarn** ```bash +# 1.0.37-0.0.5-rc.3 yarn add @react-native-oh-tpl/react-native-baidu-map + +# 1.0.38 +yarn add @react-native-ohos/react-native-baidu-map ``` @@ -183,6 +197,7 @@ Method 1 (recommended): Use the HAR file. Open `entry/oh-package.json5` file and add the following dependencies: +- 1.0.37-0.0.5-rc.3 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -190,6 +205,14 @@ Open `entry/oh-package.json5` file and add the following dependencies: } ``` +- 1.0.38 +```json +"dependencies": { +"@rnoh/react-native-openharmony": "file:../react_native_openharmony", +"@react-native-ohos/react-native-baidu-map": "file:../../node_modules/@react-native-ohos/react-native-baidu-map/harmony/baidu_map.har" +} +``` + Click the `sync` button in the upper right corner. Alternatively, run the following instruction on the terminal: @@ -225,7 +248,12 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# 1.0.37-0.0.5-rc.3 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-baidu-map/src/main/cpp" ./baidu-map) + +# 1.0.38 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-baidu-map/src/main/cpp" ./baidu-map) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -268,8 +296,12 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... + // 1.0.37-0.0.5-rc.3 + import {BaiduMapPackage} from '@react-native-oh-tpl/react-native-baidu-map/ts'; + // 1.0.38 ++ import {BaiduMapPackage} from '@react-native-ohos/react-native-baidu-map/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -285,6 +317,7 @@ or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code: ```diff ... + // 1.0.37-0.0.5-rc.3 + import { + BAIDU_MAP_OVERLAY_CIRCLE_TYPE, + BAIDU_MAP_OVERLAY_MARKER_TYPE, @@ -300,6 +333,22 @@ or `entry/src/main/ets/rn/LoadBundle.ets`, and add the following code: + BaiduMapView +} from '@react-native-oh-tpl/react-native-baidu-map'; + // 1.0.38 ++ import { ++ BAIDU_MAP_OVERLAY_CIRCLE_TYPE, ++ BAIDU_MAP_OVERLAY_MARKER_TYPE, ++ BAIDU_MAP_OVERLAY_POLYGON_TYPE, ++ BAIDU_MAP_OVERLAY_POLYLINE_TYPE, ++ BAIDU_MAP_OVERLAY_TEXT_TYPE, ++ BAIDU_MAP_VIEW_TYPE, ++ BaiduMapOverlayCircle, ++ BaiduMapOverlayPolygon, ++ BaiduMapOverlayPolyline, ++ BaiduMapOverlayText, ++ BaiduMapOverlayMarker, ++ BaiduMapView ++} from '@react-native-ohos/react-native-baidu-map'; + @Builder export function buildCustomRNComponent(ctx: ComponentBuilderContext) { ... @@ -381,7 +430,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-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases) +Check the release version information in the release address of the third-party library: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|1.0.37-0.0.5-rc.3|[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)|0.72| +|1.0.38|[@react-native-ohos/react-native-baidu-map Releases]()|0.77| ### Permission Requirements diff --git a/en/react-native-blurhash.md b/en/react-native-blurhash.md index cbf72732d2fc4da4874d9216e4b5351726961ae8..111673873886063b57f083b833c2a5c6750d80ef 100644 --- a/en/react-native-blurhash.md +++ b/en/react-native-blurhash.md @@ -19,7 +19,11 @@ ## 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-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases). +Find the matching version information in the release address of a third-party library and download an applicable .tgz package: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|2.0.3-0.0.7|[@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases)|0.72| +|2.0.4|[@react-native-ohos/react-native-blurhash Releases]()|0.77| Go to the project directory and execute the following instruction: @@ -30,13 +34,21 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash +# 2.0.3-0.0.7 npm install @react-native-oh-tpl/react-native-blurhash + +# 2.0.4 +npm install @react-native-ohos/react-native-blurhash ``` #### **yarn** ```bash +# 2.0.3-0.0.7 yarn add @react-native-oh-tpl/react-native-blurhash + +# 2.0.4 +yarn add @react-native-ohos/react-native-blurhash ``` @@ -282,6 +294,7 @@ Method 1 (recommended): Use the HAR file. Open `entry/oh-package.json5` file and add the following dependencies: +- 2.0.3-0.0.7 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -289,6 +302,14 @@ Open `entry/oh-package.json5` file and add the following dependencies: } ``` +- 2.0.4 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-blurhash": "file:../../node_modules/@react-native-ohos/react-native-blurhash/harmony/blurhash.har" + } +``` + Click the `sync` button in the upper right corner. Alternatively, run the following instruction on the terminal: @@ -324,7 +345,12 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# 2.0.3-0.0.7 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-blurhash/src/main/cpp" ./blurhash) + +# 2.0.4 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-blurhash/src/main/cpp" ./blurhash) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -367,8 +393,12 @@ std::vector> PackageProvider::getPackages(Package::Cont Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code: ```diff +// 2.0.3-0.0.7 + import {BlurhashPackage} from '@react-native-oh-tpl/react-native-blurhash/ts'; +// 2.0.4 ++ import {BlurhashPackage} from '@react-native-ohos/react-native-blurhash/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -397,7 +427,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-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases) +Check the release version information in the release address of the third-party library: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|2.0.3-0.0.7|[@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases)|0.72| +|2.0.4|[@react-native-ohos/react-native-blurhash Releases]()|0.77| ## Properties diff --git a/en/react-native-charts-wrapper.md b/en/react-native-charts-wrapper.md index b04221c0a5908624dff1a7fff74e780e26644c8c..703468d0521c2945f4c102ec2dc99942b1976f41 100644 --- a/en/react-native-charts-wrapper.md +++ b/en/react-native-charts-wrapper.md @@ -16,7 +16,13 @@ Template version: v0.2.2 ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/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: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.6.0-0.0.7|[@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) |0.72| +|0.6.1|[@react-native-ohos/react-native-charts-wrapper/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: @@ -27,13 +33,21 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash +# 0.6.0-0.0.7 npm install @react-native-oh-tpl/react-native-charts-wrapper + +# 0.6.1 +npm install @react-native-ohos/react-native-charts-wrapper ``` #### **yarn** ```bash +# 0.6.0-0.0.7 yarn add @react-native-oh-tpl/react-native-charts-wrapper + +# 0.6.1 +yarn add @react-native-ohos/react-native-charts-wrapper ``` @@ -104,6 +118,7 @@ Method 1 (recommended): Use the HAR file. Open `entry/oh-package.json5` file and add the following dependencies: +- 0.6.0-0.0.7 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -111,6 +126,14 @@ Open `entry/oh-package.json5` file and add the following dependencies: } ``` +- 0.6.1 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-charts-wrapper": "file:../../node_modules/@react-native-ohos/react-native-charts-wrapper/harmony/charts_wrapper.har" + } +``` + Click the `sync` button in the upper right corner. Alternatively, run the following instruction on the terminal: @@ -130,6 +153,7 @@ Find `function buildCustomRNComponent()`, which is usually located in `entry/src ```diff ... + // 0.6.0-0.0.7 + import { + BarCharts, + LineCharts, @@ -142,6 +166,19 @@ Find `function buildCustomRNComponent()`, which is usually located in `entry/src + CombinedCharts + } from "@react-native-oh-tpl/react-native-charts-wrapper" + // 0.6.1 ++ import { ++ BarCharts, ++ LineCharts, ++ HorizontalBarCharts, ++ BubbleCharts, ++ PieCharts, ++ RadarCharts, ++ ScatterCharts, ++ CandleStickCharts, ++ CombinedCharts ++ } from "@react-native-ohos/react-native-charts-wrapper" + @Builder export function buildCustomRNComponent(ctx: ComponentBuilderContext) { ... @@ -230,8 +267,12 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... + // 0.6.0-0.0.7 + import {ChartsWrapperPackage} from '@react-native-oh-tpl/react-native-charts-wrapper/ts'; + // 0.6.1 ++ import {ChartsWrapperPackage} from '@react-native-ohos/react-native-charts-wrapper/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -259,7 +300,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-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) +Check the release version information in the release address of the third-party library: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.6.0-0.0.7|[@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) |0.72| +|0.6.1|[@react-native-ohos/react-native-charts-wrapper/Releases]()|0.77| + ## Properties diff --git a/en/react-native-community-progress-view.md b/en/react-native-community-progress-view.md index 6d1e5454e78edfd9cce7d832d054270654d3da53..dd863891be2fc2cc1e88f835640f782beac74c83 100644 --- a/en/react-native-community-progress-view.md +++ b/en/react-native-community-progress-view.md @@ -6,12 +6,12 @@ This project is based on [react-native-community/progress-view@1.4.2](https://github.com/react-native-progress-view/progress-view). -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/react-native-progress-view`, The version correspondence details are as follows: +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-progress-view`, The version correspondence details are as follows: -| Version | Package Name | Repository | Release | -| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 1.4.2@deprecated | @react-native-oh-tpl/progress-view | [Github(deprecated)](https://github.com/react-native-oh-library/progress-view) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/progress-view/releases) | -| > 1.4.2 | @react-native-ohos/progress-view | [Gitee](https://gitee.com/openharmony-sig/rntpc_progress-view) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_progress-view/releases) | +| Version | Package Name | Repository | Release|Supported RN Version | +| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |---| +| <= 1.4.2@deprecated | @react-native-oh-tpl/progress-view | [Github(deprecated)](https://github.com/react-native-oh-library/progress-view) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/progress-view/releases) |0.72| +| > 1.4.2 | @react-native-ohos/progress-view | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_progress-view) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_progress-view/releases) |0.72/0.77| ## Installation and Usage @@ -224,7 +224,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-progress-view Releases](https://gitee.com/openharmony-sig/rntpc_progress-view/releases) +Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-progress-view Releases](https://gitcode.com/openharmony-sig/rntpc_progress-view/releases) ## 4. Properties @@ -250,4 +250,4 @@ Check the release version information in the release address of the third-party ## 7. License -This project is licensed under [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_progress-view/blob/master/LICENSE). +This project is licensed under [The MIT License (MIT)](https://gitcode.com/openharmony-sig/rntpc_progress-view/blob/master/LICENSE). diff --git a/en/react-native-keys.md b/en/react-native-keys.md index 2653c5ab5f8482ba213dc2d09149747ac40695da..7a5d2c79e472f00d7de37a31bf2fd49f3a762176 100644 --- a/en/react-native-keys.md +++ b/en/react-native-keys.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-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/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: + +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.7.10-0.0.2|[@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases)|0.72| +|0.7.11|[@react-native-ohos/react-native-keys 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: @@ -27,13 +34,21 @@ Go to the project directory and execute the following instruction: #### npm ```bash +# 0.7.10-0.0.2 npm install @react-native-oh-tpl/react-native-keys + +# 0.7.11 +npm install @react-native-ohos/react-native-keys ``` #### yarn ```bash +# 0.7.10-0.0.2 yarn add @react-native-oh-tpl/react-native-keys + +# 0.7.11 +yarn add @react-native-ohos/react-native-keys ``` @@ -99,6 +114,7 @@ Method 1 (recommended): Use the HAR file. (Recommended) Open `entry/oh-package.json5` file and add the following dependencies: +- 0.7.10-0.0.2 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -106,6 +122,14 @@ Open `entry/oh-package.json5` file and add the following dependencies: } ``` +- 0.7.11 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-keys": "file:../../node_modules/@react-native-ohos/react-native-keys/harmony/rnoh_keys.har" + } +``` + Click the `sync` button in the upper right corner. Alternatively, run the following instruction on the terminal: @@ -141,7 +165,12 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# 0.7.10-0.0.2 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-keys/src/main/cpp" ./rnohkeys) + +# 0.7.11 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-keys/src/main/cpp" ./rnohkeys) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -184,8 +213,12 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... + // 0.7.10-0.0.2 + import { RNKeysPackage } from '@react-native-oh-tpl/react-native-keys'; + // 0.7.11 ++ import { RNKeysPackage } from '@react-native-ohos/react-native-keys'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -223,7 +256,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/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases) +Check the release version information in the release address of the third-party library: +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.7.10-0.0.2|[@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases)|0.72| +|0.7.11|[@react-native-ohos/react-native-keys Releases]()|0.77| ## API diff --git a/en/react-native-quick-base64.md b/en/react-native-quick-base64.md index ab33c78b225df3a4e37ed30fb0fbffd026f820d2..510da4fdacaf257ed73ae618fb3382635b36cae5 100644 --- a/en/react-native-quick-base64.md +++ b/en/react-native-quick-base64.md @@ -16,7 +16,13 @@ ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/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: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|2.1.2-1.0.1|[@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases)|0.72| +|2.1.3|[@react-native-ohos/react-native-quick-base64 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 +31,21 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash +# 2.1.2-1.0.1 npm install @react-native-oh-tpl/react-native-quick-base64 + +# 2.1.3 +npm install @react-native-ohos/react-native-quick-base64 ``` #### **yarn** ```bash +# 2.1.2-1.0.1 yarn add @react-native-oh-tpl/react-native-quick-base64 + +# 2.1.3 +yarn add @react-native-ohos/react-native-quick-base64 ``` @@ -43,8 +57,13 @@ The following code shows the basic use scenario of the repository: ```js import React, { useState } from 'react'; import { Text, View, TextInput, ScrollView, StyleSheet, Button } from 'react-native'; + +// 2.1.2-1.0.1 import { byteLength, btoa, atob, toByteArray, fromByteArray, getNative, trimBase64Padding, shim } from '@react-native-oh-tpl/react-native-quick-base64'; +// 2.1.3 +import { byteLength, btoa, atob, toByteArray, fromByteArray, getNative, trimBase64Padding, shim } from '@react-native-ohos/react-native-quick-base64'; + type FuncBase64ToArrayBuffer = ( data: string, removeLinebreaks?: boolean @@ -402,7 +421,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: - +- 2.1.2-1.0.1 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -411,6 +430,15 @@ Open `entry/oh-package.json5` file and add the following dependencies: } ``` +- 2.1.3 +```json + "dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + + "@react-native-ohos/react-native-quick-base64": "file:../../node_modules/@react-native-ohos/react-native-quick-base64/harmony/rn_quick_base64.har" + } +``` + Click the `sync` button in the upper right corner. Alternatively, run the following instruction on the terminal: @@ -446,7 +474,12 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# 2.1.2-1.0.1 + add_subdirectory("${OH_MODULE_DIR}/@react-native-oh-tpl/react-native-quick-base64/src/main/cpp" ./rn_quick_base64) + +# 2.1.3 ++ add_subdirectory("${OH_MODULE_DIR}/@react-native-ohos/react-native-quick-base64/src/main/cpp" ./rn_quick_base64) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -486,8 +519,12 @@ std::vector> PackageProvider::getPackages(Package::Cont Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following code: ```diff + // 2.1.2-1.0.1 + import { RNQuickBase64Package } from '@react-native-oh-tpl/react-native-quick-base64/ts'; + // 2.1.3 ++ import { RNQuickBase64Package } from '@react-native-ohos/react-native-quick-base64/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -515,7 +552,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-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases) +Check the release version information in the release address of the third-party library: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|2.1.2-1.0.1|[@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases)|0.72| +|2.1.3|[@react-native-ohos/react-native-quick-base64 Releases]()|0.77| + > [!TIP] [Official Documenttation](https://github.com/craftzdog/react-native-quick-base64) diff --git a/en/react-native-root-toast.md b/en/react-native-root-toast.md index 482d8e46cb1a65b597323b3b09443df54660e708..f22474a928bbd0d9327f931243f667f18f05a91a 100644 --- a/en/react-native-root-toast.md +++ b/en/react-native-root-toast.md @@ -81,6 +81,7 @@ 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; 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71; +3. RNOH: 0.77.18; SDK：HarmonyOS 5.0.0 Release(API Version 12 Release); IDE：DevEco Studio 5.1.1.830; ROM：5.0.0.150 SP8 ## Properties diff --git a/en/react-native-scrollable-tab-view.md b/en/react-native-scrollable-tab-view.md index 2604c2541670a39dd769f2910fcb4a68554af795..80987270d0d0aab203e7d1cc8327e99379cc7dfc 100644 --- a/en/react-native-scrollable-tab-view.md +++ b/en/react-native-scrollable-tab-view.md @@ -18,7 +18,13 @@ ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-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: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|1.0.0-0.2.1|[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases) |0.72| +|1.0.1|[@react-native-ohos/react-native-scrollable-tab-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: @@ -27,13 +33,21 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash +# 1.0.0-0.2.1 npm install @react-native-oh-tpl/react-native-scrollable-tab-view + +# 1.0.1 +npm install @react-native-ohos/react-native-scrollable-tab-view ``` #### **yarn** ```bash +# 1.0.0-0.2.1 yarn add @react-native-oh-tpl/react-native-scrollable-tab-view + +# 1.0.1 +yarn add @react-native-ohos/react-native-scrollable-tab-view ``` @@ -82,8 +96,11 @@ If not introduced, please refer to the Link section of the document [@react-nati 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-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases) - +Check the release version information in the release address of the third-party library: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|1.0.0-0.2.1|[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases) |0.72| +|1.0.1|[@react-native-ohos/react-native-scrollable-tab-view Releases]()|0.77| ## 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-spinkit.md b/en/react-native-spinkit.md index 214dc8e0894d375d466cd5e5b9b8f2906fc47cc5..fddfa64f3c66c7b1baa8ecd1c8bd6d0030064a92 100644 --- a/en/react-native-spinkit.md +++ b/en/react-native-spinkit.md @@ -20,7 +20,13 @@ ## Installation and Usage -Find the matching version information in the release address of a third-party library：[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/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： +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|1.5.1-0.0.2|[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases)|0.72| +|1.5.2|[@react-native-ohos/react-native-spinkit 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: @@ -30,13 +36,21 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash +# 1.5.1-0.0.2 npm install @react-native-oh-tpl/react-native-spinkit + +# 1.5.2 +npm install @react-native-ohos/react-native-spinkit ``` #### **yarn** ```bash +# 1.5.1-0.0.2 yarn add @react-native-oh-tpl/react-native-spinkit + +# 1.5.2 +yarn add @react-native-ohos/react-native-spinkit ``` @@ -97,12 +111,20 @@ Method 1 (recommended): Use the HAR file. Open `entry/oh-package.json5` file and add the following dependencies: +- 1.5.1-0.0.2 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", "@react-native-oh-tpl/react-native-spinkit": "file:../../node_modules/@react-native-oh-tpl/react-native-spinkit/harmony/spinKit.har" } ``` +- 1.5.2 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-spinkit": "file:../../node_modules/@react-native-ohos/react-native-spinkit/harmony/spinKit.har" + } +``` Click the `sync` button in the upper right corner. @@ -124,8 +146,12 @@ Find `function buildCustomRNComponent()`, which is usually located in `entry/src ```diff ... + // 1.5.1-0.0.2 + import { SpinKitView } from "@react-native-oh-tpl/react-native-spinkit" + // 1.5.2 ++ import { SpinKitView } from "@react-native-ohos/react-native-spinkit" + @Builder export function buildCustomRNComponent(ctx: ComponentBuilderContext) { ... @@ -157,8 +183,12 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... + // 1.5.1-0.0.2 + import { RNSpinKitPackage } from '@react-native-oh-tpl/react-native-spinkit/ts'; + // 1.5.2 ++ import { RNSpinKitPackage } from '@react-native-ohos/react-native-spinkit/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -186,7 +216,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-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases) +Check the release version information in the release address of the third-party library: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|1.5.1-0.0.2|[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases)|0.72| +|1.5.2|[@react-native-ohos/react-native-spinkit Releases]()|0.77| ## Properties diff --git a/en/react-native-vector-drawable.md b/en/react-native-vector-drawable.md index d119324a3714125a807ed5fb08e096de7b0e517e..a6b93e498c5e3928ffb17b8f0c4eb8464a8c3475 100644 --- a/en/react-native-vector-drawable.md +++ b/en/react-native-vector-drawable.md @@ -16,7 +16,13 @@ ## Installation and Usage -Find the matching version information in the release address of a third-party library：[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/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： +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.5.1-0.0.1|[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)|0.72| +|0.5.2|[@react-native-ohos/react-native-vector-drawable 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: @@ -27,13 +33,21 @@ Go to the project directory and execute the following instruction: #### npm ```bash +# 0.5.1-0.0.1 npm install @react-native-oh-tpl/react-native-vector-drawable + +# 0.5.2 +npm install @react-native-ohos/react-native-vector-drawable ``` #### yarn ```bash +# 0.5.1-0.0.1 yarn add @react-native-oh-tpl/react-native-vector-drawable + +# 0.5.2 +yarn add @react-native-ohos/react-native-vector-drawable ``` @@ -63,7 +77,11 @@ export default function VectorDrawableDemo(): JSX.Element { 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-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases) +Check the release version information in the release address of the third-party library: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.5.1-0.0.1|[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)|0.72| +|0.5.2|[@react-native-ohos/react-native-vector-drawable Releases]()|0.77| ## Properties diff --git a/en/react-native-view-shot.md b/en/react-native-view-shot.md index 596ebbd065f2d29ad9e8164c3bb4767ea7f91c53..bba35ca784a1dce85f01e445eeb05ce9af6b9aee 100644 --- a/en/react-native-view-shot.md +++ b/en/react-native-view-shot.md @@ -16,7 +16,13 @@ ## Installation and Usage -Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/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 the third-party library: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +| 3.8.0-0.3.2 |[@react-native-oh-tpl/react-native-view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases) | 0.72 | +| 3.8.1 |[@react-native-ohos/react-native-view-shot 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: @@ -27,13 +33,21 @@ Go to the project directory and execute the following instruction: #### **npm** ```bash +# v3.8.0-0.3.2 npm install @react-native-oh-tpl/react-native-view-shot + +# 3.8.1 +npm install @react-native-ohos/react-native-view-shot ``` #### **yarn** ```bash +# v3.8.0-0.3.2 yarn add @react-native-oh-tpl/react-native-view-shot + +# v3.8.1 +yarn add @react-native-ohos/react-native-view-shot ``` @@ -138,7 +152,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.8.0-0.3.2 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -147,6 +161,14 @@ Open `entry/oh-package.json5` file and add the following dependencies: } ``` +- v3.8.1 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + + "@react-native-ohos/react-native-view-shot": "file:../../node_modules/@react-native-ohos/react-native-view-shot/harmony/view_shot.har" + } +``` Click the `sync` button in the upper right corner. Alternatively, run the following instruction on the terminal: @@ -175,7 +197,13 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# v3.8.0-0.3.2 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-view-shot/src/main/cpp" ./view-shot) + +# v3.8.1 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-view-shot/src/main/cpp" ./view-shot) + # RNOH_BEGIN: manual_package_linking_1 add_library(rnoh_app SHARED @@ -214,8 +242,12 @@ Open the `entry/src/main/ets/RNPackagesFactory.ts` file and add the following co ```diff ... + // v3.8.0-0.3.2 + import { ViewShotPackage } from '@react-native-oh-tpl/react-native-view-shot/ts'; + // v3.8.1 ++ import { ViewShotPackage } from '@react-native-ohos/react-native-view-shot/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -243,7 +275,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/view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases) +Check the release version information in the release address of the third-party library: +| Library Version | Release Information | Supported RN Version | +| ----------- | ------------------------------------------------------------ | ---------- | +| 3.8.0-0.3.2 |[@react-native-oh-tpl/react-native-view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases) | 0.72 | +| 3.8.1 |[@react-native-ohos/react-native-view-shot Releases]() | 0.77 | ## Properties diff --git a/zh-cn/react-native-MJRefresh.md b/zh-cn/react-native-MJRefresh.md index 1d5f639f2b7b5f3cded836a0a062b30250c6f2bd..f4c5bd6c31fc48479671bef0a886f3f943ca6a02 100644 --- a/zh-cn/react-native-MJRefresh.md +++ b/zh-cn/react-native-MJRefresh.md @@ -17,7 +17,13 @@ ## 安装与使用 -请到三方库的 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|[@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases) |0.72| +|0.7.1|[@react-native-ohos/react-native-MJRefresh Releases]() |0.77| + +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -26,13 +32,21 @@ #### npm ```bash +# 0.7.0-0.2.2 npm install @react-native-oh-tpl/react-native-mjrefresh + +# 0.7.1 +npm install @react-native-ohos/react-native-mjrefresh ``` #### yarn ```bash +# 0.7.0-0.2.2 yarn add @react-native-oh-tpl/react-native-mjrefresh + +# 0.7.1 +yarn add @react-native-ohos/react-native-mjrefresh ``` @@ -149,6 +163,7 @@ export default class MjRefreshDemo extends Component<{}, State> { 打开 `entry/oh-package.json5`，添加以下依赖 +- 0.7.0-0.2.2 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -157,6 +172,15 @@ export default class MjRefreshDemo extends Component<{}, State> { } ``` +- 0.7.1 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + + "@react-native-ohos/react-native-mjrefresh": "file:../../node_modules/@react-native-ohos/react-native-mjrefresh/harmony/mjrefresh.har" + } +``` + 点击右上角的 `sync` 按钮 或者在终端执行： @@ -192,7 +216,12 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# 0.7.0-0.2.2 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-mjrefresh/src/main/cpp" ./mjrefresh) + +# 0.7.1 ++ 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 +275,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) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.7.0-0.2.2|[@react-native-oh-library/react-native-MJRefresh Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases) |0.72| +|0.7.1|[@react-native-ohos/react-native-MJRefresh Releases]() |0.77| ## 属性 diff --git a/zh-cn/react-native-SmartRefreshLayout.md b/zh-cn/react-native-SmartRefreshLayout.md index 06d4a82efa452eb5ab95ec809bfad0863143ac1c..d95354f47fa36223ef1cd324effe46d8f083f498 100644 --- a/zh-cn/react-native-SmartRefreshLayout.md +++ b/zh-cn/react-native-SmartRefreshLayout.md @@ -16,7 +16,13 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-smartrefreshlayout/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.6.7-0.2.17|[@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-smartrefreshlayout/releases) |0.72| +|0.6.8|[@react-native-ohos/react-native-smartrefreshlayout Releases]() |0.77| + +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -25,13 +31,21 @@ #### **npm** ```bash +# 0.6.7-0.2.17 npm install @react-native-oh-tpl/react-native-smartrefreshlayout + +# 0.6.8 +npm install @react-native-ohos/react-native-smartrefreshlayout ``` #### **yarn** ```bash +# 0.6.7-0.2.17 yarn add @react-native-oh-tpl/react-native-smartrefreshlayout + +# 0.6.8 +yarn add @react-native-ohos/react-native-smartrefreshlayout ``` @@ -202,7 +216,7 @@ export default App; > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。 打开 `entry/oh-package.json5`，添加以下依赖 - +- 0.6.7-0.2.17 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -211,6 +225,14 @@ export default App; } ``` +- 0.6.8 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + + "@react-native-ohos/react-native-smartrefreshlayout": "file:../../node_modules/@react-native-ohos/react-native-smartrefreshlayout/harmony/smart_refresh_layout.har" + } +``` 点击右上角的 `sync` 按钮 或者在终端执行： @@ -246,7 +268,12 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_END: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# 0.6.7-0.2.17 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-smartrefreshlayout/src/main/cpp" ./smart-refresh-layout) + +# 0.6.8 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-smartrefreshlayout/src/main/cpp" ./smart-refresh-layout) # RNOH_END: manual_package_linking_1 add_library(rnoh_app SHARED @@ -285,8 +312,11 @@ std::vector> PackageProvider::getPackages(Package::Cont ```diff ... + // 0.6.7-0.2.17 + import { SmartRefreshPackage } from '@react-native-oh-tpl/react-native-smartrefreshlayout/ts'; + // 0.6.8 ++ import { SmartRefreshPackage } from '@react-native-ohos/react-native-smartrefreshlayout/ts'; export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -314,7 +344,11 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.6.7-0.2.17|[@react-native-oh-tpl/react-native-smartrefreshlayout Releases](https://github.com/react-native-oh-library/react-native-smartrefreshlayout/releases) |0.72| +|0.6.8|[@react-native-ohos/react-native-smartrefreshlayout Releases]() |0.77| ## 属性 diff --git a/zh-cn/react-native-amap3d.md b/zh-cn/react-native-amap3d.md index 18328a4f1df120fa5dbce34a0114d80e066c465b..0b8b115d56f27d4a1ef18cac474e5299d03bd596 100644 --- a/zh-cn/react-native-amap3d.md +++ b/zh-cn/react-native-amap3d.md @@ -19,7 +19,13 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|3.2.4-0.1.1-rc.5|[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases)|0.72| +|3.2.5|[@react-native-ohos/react-native-amap3d Releases]()|0.77| + +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -28,13 +34,21 @@ #### **npm** ```bash +# 3.2.4-0.1.1-rc.5 npm install @react-native-oh-tpl/react-native-amap3d + +# 3.2.5 +npm install @react-native-ohos/react-native-amap3d ``` #### **yarn** ```bash +# 3.2.4-0.1.1-rc.5 yarn add @react-native-oh-tpl/react-native-amap3d + +# 3.2.5 +yarn add @react-native-ohos/react-native-amap3d ``` @@ -188,7 +202,7 @@ export default AMapDemo; > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。 打开 `entry/oh-package.json5`，添加以下依赖 - +- 3.2.4-0.1.1-rc.5 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -196,6 +210,14 @@ export default AMapDemo; } ``` +- 3.2.5 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-amap3d": "file:../../node_modules/@react-native-ohos/react-native-amap3d/harmony/rn_amap3d.har" + } +``` + 点击右上角的 `sync` 按钮 或者在终端执行： @@ -231,7 +253,12 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# 3.2.4-0.1.1-rc.5 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-amap3d/src/main/cpp" ./rn_amap3d) + +# 3.2.5 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-amap3d/src/main/cpp" ./rn_amap3d) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -275,6 +302,7 @@ std::vector> PackageProvider::getPackages(Package::Cont ```diff ... +// 3.2.4-0.1.1-rc.5 + import { + A_MAP_CIRCLE_VIEW_TYPE, + A_MAP_MARKER_TYPE, @@ -288,6 +316,20 @@ std::vector> PackageProvider::getPackages(Package::Cont + GOADE_MAP_VIEW_TYPE +} from '@react-native-oh-tpl/react-native-amap3d'; +// 3.2.5 ++ import { ++ A_MAP_CIRCLE_VIEW_TYPE, ++ A_MAP_MARKER_TYPE, ++ A_MAP_POLYGON_TYPE, ++ A_MAP_POLYLINE_TYPE, ++ AMapCircle, ++ AMapMarker, ++ AMapPolygon, ++ AMapPolyline, ++ AMapView, ++ GOADE_MAP_VIEW_TYPE ++} from '@react-native-ohos/react-native-amap3d'; + @Builder export function buildCustomRNComponent(ctx: ComponentBuilderContext) { ... @@ -350,7 +392,12 @@ const arkTsComponentNames: Array = [ ```diff ... + // 3.2.4-0.1.1-rc.5 + import {AMap3DPackage} from '@react-native-oh-tpl/react-native-amap3d/ts'; + + // 3.2.5 ++ import {AMap3DPackage} from '@react-native-ohos/react-native-amap3d/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -378,7 +425,11 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|3.2.4-0.1.1-rc.5|[@react-native-oh-tpl/react-native-amap3d Releases](https://github.com/react-native-oh-library/react-native-amap3d/releases)|0.72| +|3.2.5|[@react-native-ohos/react-native-amap3d Releases]()|0.77| ## 属性 diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md index 436b06443f3ab1ea4403aedc3c9c6c63b67125b1..af901f60474cd92d5e7c1bb77392433f11e12caf 100644 --- a/zh-cn/react-native-audio.md +++ b/zh-cn/react-native-audio.md @@ -6,12 +6,13 @@ 本项目基于 [react-native-audio@4.2.2](https://github.com/jsierles/react-native-audio/tree/v4.2.2) 开发。 -该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-audio`，具体版本所属关系如下： +该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-audio`，具体版本所属关系如下： -| Version | Package Name | Repository | Release | -| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 4.2.2@deprecated | @react-native-oh-library/react-native-audio | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-audio) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-audio/releases) | -| > 4.2.2 | @react-native-ohos/react-native-audio | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-audio) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio/releases) | +| Version | Package Name | Repository | Release| Supported RN Version | +| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |----| +| <= 4.2.2@deprecated | @react-native-oh-library/react-native-audio | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-audio) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-audio/releases) |0.72| +| > 4.2.2 | @react-native-ohos/react-native-audio | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-audio) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio/releases) |0.72| +| > 4.2.3 | @react-native-ohos/react-native-audio | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-audio) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio/releases) |0.72/0.77| ## 安装与使用 diff --git a/zh-cn/react-native-autocomplete-input.md b/zh-cn/react-native-autocomplete-input.md index 8142bfa52268669e021262f7abe67c2a834278c6..1316007d37d7afe212180a3ed40410b58648b849 100644 --- a/zh-cn/react-native-autocomplete-input.md +++ b/zh-cn/react-native-autocomplete-input.md @@ -158,6 +158,8 @@ export default App; 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71; +3. RNOH: 0.77.18; SDK：HarmonyOS 5.0.0 Release(API Version 12 Release); IDE：DevEco Studio 5.1.1.830; ROM：5.0.0.150 SP8 + ## 属性 > [!TIP] "Platform"列表示该属性在原三方库上支持的平台。 diff --git a/zh-cn/react-native-baidu-map.md b/zh-cn/react-native-baidu-map.md index 5e937053a67a7a01b73623c8a5d19bff23539d66..5854161fb97b795f834447735c98cd230d620733 100644 --- a/zh-cn/react-native-baidu-map.md +++ b/zh-cn/react-native-baidu-map.md @@ -16,7 +16,13 @@ ## 安装与使用 -请到三方库的 Releases发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases发布地址查看配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|1.0.37-0.0.5-rc.3|[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)|0.72| +|1.0.38|[@react-native-ohos/react-native-baidu-map Releases]()|0.77| + +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -25,13 +31,21 @@ #### **npm** ```bash +# 1.0.37-0.0.5-rc.3 npm install @react-native-oh-tpl/react-native-baidu-map + +# 1.0.38 +npm install @react-native-ohos/react-native-baidu-map ``` #### **yarn** ```bash +# 1.0.37-0.0.5-rc.3 yarn add @react-native-oh-tpl/react-native-baidu-map + +# 1.0.38 +yarn add @react-native-ohos/react-native-baidu-map ``` @@ -182,7 +196,7 @@ export default App; > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。 打开 `entry/oh-package.json5`，添加以下依赖 - +- 1.0.37-0.0.5-rc.3 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -190,6 +204,14 @@ export default App; } ``` +- 1.0.38 +```json +"dependencies": { +"@rnoh/react-native-openharmony": "file:../react_native_openharmony", +"@react-native-ohos/react-native-baidu-map": "file:../../node_modules/@react-native-ohos/react-native-baidu-map/harmony/baidu_map.har" +} +``` + 点击右上角的 `sync` 按钮 或者在终端执行： @@ -225,7 +247,12 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# 1.0.37-0.0.5-rc.3 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-baidu-map/src/main/cpp" ./baidu-map) + +# 1.0.38 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-baidu-map/src/main/cpp" ./baidu-map) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -268,8 +295,12 @@ std::vector> PackageProvider::getPackages(Package::Cont ```diff ... + // 1.0.37-0.0.5-rc.3 + import {BaiduMapPackage} from '@react-native-oh-tpl/react-native-baidu-map/ts'; + // 1.0.38 ++ import {BaiduMapPackage} from '@react-native-ohos/react-native-baidu-map/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -285,6 +316,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { ```diff ... + // 1.0.37-0.0.5-rc.3 + import { + BAIDU_MAP_OVERLAY_CIRCLE_TYPE, + BAIDU_MAP_OVERLAY_MARKER_TYPE, @@ -300,6 +332,22 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] { + BaiduMapView +} from '@react-native-oh-tpl/react-native-baidu-map'; + // 1.0.38 ++ import { ++ BAIDU_MAP_OVERLAY_CIRCLE_TYPE, ++ BAIDU_MAP_OVERLAY_MARKER_TYPE, ++ BAIDU_MAP_OVERLAY_POLYGON_TYPE, ++ BAIDU_MAP_OVERLAY_POLYLINE_TYPE, ++ BAIDU_MAP_OVERLAY_TEXT_TYPE, ++ BAIDU_MAP_VIEW_TYPE, ++ BaiduMapOverlayCircle, ++ BaiduMapOverlayPolygon, ++ BaiduMapOverlayPolyline, ++ BaiduMapOverlayText, ++ BaiduMapOverlayMarker, ++ BaiduMapView ++} from '@react-native-ohos/react-native-baidu-map'; + @Builder export function buildCustomRNComponent(ctx: ComponentBuilderContext) { ... @@ -382,7 +430,12 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release配套的版本信息：[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases) +请到三方库相应的 Releases 发布地址查看 Release配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|1.0.37-0.0.5-rc.3|[@react-native-oh-tpl/react-native-baidu-map Releases](https://github.com/react-native-oh-library/react-native-baidu-map/releases)|0.72| +|1.0.38|[@react-native-ohos/react-native-baidu-map Releases]()|0.77| ### 权限要求 diff --git a/zh-cn/react-native-blurhash.md b/zh-cn/react-native-blurhash.md index 80ac1ef43282b1f7eab3f8db8d3414dca9f6a9b8..627f4275cf34bea0f972cae1269ba5dd62aad673 100644 --- a/zh-cn/react-native-blurhash.md +++ b/zh-cn/react-native-blurhash.md @@ -19,7 +19,13 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases)。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|2.0.3-0.0.7|[@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases)|0.72| +|2.0.4|[@react-native-ohos/react-native-blurhash Releases]()|0.77| + +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -30,13 +36,21 @@ #### **npm** ```bash +# 2.0.3-0.0.7 npm install @react-native-oh-tpl/react-native-blurhash + +# 2.0.4 +npm install @react-native-ohos/react-native-blurhash ``` #### **yarn** ```bash +# 2.0.3-0.0.7 yarn add @react-native-oh-tpl/react-native-blurhash + +# 2.0.4 +yarn add @react-native-ohos/react-native-blurhash ``` @@ -282,7 +296,7 @@ export default BlurhashDemo > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。 打开 `entry/oh-package.json5`，添加以下依赖 - +- 2.0.3-0.0.7 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -290,6 +304,14 @@ export default BlurhashDemo } ``` +- 2.0.4 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-blurhash": "file:../../node_modules/@react-native-ohos/react-native-blurhash/harmony/blurhash.har" + } +``` + 点击右上角的 `sync` 按钮 或者在终端执行： @@ -325,7 +347,12 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# 2.0.3-0.0.7 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-blurhash/src/main/cpp" ./blurhash) + +# 2.0.4 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-blurhash/src/main/cpp" ./blurhash) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -368,8 +395,12 @@ std::vector> PackageProvider::getPackages(Package::Cont 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加： ```diff +// 2.0.3-0.0.7 + import {BlurhashPackage} from '@react-native-oh-tpl/react-native-blurhash/ts'; +// 2.0.4 ++ import {BlurhashPackage} from '@react-native-ohos/react-native-blurhash/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -398,7 +429,11 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|2.0.3-0.0.7|[@react-native-oh-tpl/react-native-blurhash Releases](https://github.com/react-native-oh-library/react-native-blurhash/releases)|0.72| +|2.0.4|[@react-native-ohos/react-native-blurhash Releases]()|0.77| ## 属性 diff --git a/zh-cn/react-native-charts-wrapper.md b/zh-cn/react-native-charts-wrapper.md index 972b1b653745f19eb3743881498de3395bfda504..4bf2b74d7887f573982d91497460627c2312d2cb 100644 --- a/zh-cn/react-native-charts-wrapper.md +++ b/zh-cn/react-native-charts-wrapper.md @@ -16,7 +16,13 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.6.0-0.0.7|[@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) |0.72| +|0.6.1|[@react-native-ohos/react-native-charts-wrapper/Releases]()|0.77| + +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -25,13 +31,21 @@ #### **npm** ```bash +# 0.6.0-0.0.7 npm install @react-native-oh-tpl/react-native-charts-wrapper + +# 0.6.1 +npm install @react-native-ohos/react-native-charts-wrapper ``` #### **yarn** ```bash +# 0.6.0-0.0.7 yarn add @react-native-oh-tpl/react-native-charts-wrapper + +# 0.6.1 +yarn add @react-native-ohos/react-native-charts-wrapper ``` @@ -104,7 +118,7 @@ export default BarChartDemo; > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。 打开 `entry/oh-package.json5`，添加以下依赖 - +- 0.6.0-0.0.7 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -112,6 +126,13 @@ export default BarChartDemo; } ``` +- 0.6.1 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-charts-wrapper": "file:../../node_modules/@react-native-ohos/react-native-charts-wrapper/harmony/charts_wrapper.har" + } +``` 点击右上角的 `sync` 按钮 或者在终端执行： @@ -131,6 +152,7 @@ ohpm install ```diff ... + // 0.6.0-0.0.7 + import { + BarCharts, + LineCharts, @@ -143,6 +165,19 @@ ohpm install + CombinedCharts + } from "@react-native-oh-tpl/react-native-charts-wrapper" + // 0.6.1 ++ import { ++ BarCharts, ++ LineCharts, ++ HorizontalBarCharts, ++ BubbleCharts, ++ PieCharts, ++ RadarCharts, ++ ScatterCharts, ++ CandleStickCharts, ++ CombinedCharts ++ } from "@react-native-ohos/react-native-charts-wrapper" + @Builder export function buildCustomRNComponent(ctx: ComponentBuilderContext) { ... @@ -231,8 +266,12 @@ const arkTsComponentNames: Array = [ ```diff ... + // 0.6.0-0.0.7 + import {ChartsWrapperPackage} from '@react-native-oh-tpl/react-native-charts-wrapper/ts'; + // 0.6.1 ++ import {ChartsWrapperPackage} from '@react-native-ohos/react-native-charts-wrapper/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -259,7 +298,11 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.6.0-0.0.7|[@react-native-oh-tpl/react-native-charts-wrapper/Releases](https://github.com/react-native-oh-library/react-native-charts-wrapper/releases) |0.72| +|0.6.1|[@react-native-ohos/react-native-charts-wrapper/Releases]()|0.77| ## 属性 diff --git a/zh-cn/react-native-community-progress-view.md b/zh-cn/react-native-community-progress-view.md index d674bfee74f53a88c17d9cff48eb50781de8d0e0..89f089ef88723d703e2b63ab2d62d702a182a489 100644 --- a/zh-cn/react-native-community-progress-view.md +++ b/zh-cn/react-native-community-progress-view.md @@ -7,12 +7,12 @@ 本项目基于 [react-native-community/progress-view@1.4.2](https://github.com/react-native-progress-view/progress-view) 开发。 -该第三方库的仓库已迁移至 Gitee，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-progress-view`，具体版本所属关系如下： +该第三方库的仓库已迁移至 Gitcode，且支持直接从 npm 下载，新的包名为：`@react-native-ohos/react-native-progress-view`，具体版本所属关系如下： -| Version | Package Name | Repository | Release | -| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -| <= 1.4.2@deprecated | @react-native-oh-tpl/progress-view | [Github(deprecated)](https://github.com/react-native-oh-library/progress-view) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/progress-view/releases) | -| > 1.4.2 | @react-native-ohos/progress-view | [Gitee](https://gitee.com/openharmony-sig/rntpc_progress-view) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_progress-view/releases) | +| Version | Package Name | Repository | Release|Supported RN Version | +| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |----| +| <= 1.4.2@deprecated | @react-native-oh-tpl/progress-view | [Github(deprecated)](https://github.com/react-native-oh-library/progress-view) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/progress-view/releases) |0.72| +| > 1.4.2 | @react-native-ohos/progress-view | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_progress-view) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_progress-view/releases) |0.72/0.77| ## 安装与使用 @@ -225,7 +225,7 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-progress-view Releases](https://gitee.com/openharmony-sig/rntpc_progress-view/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-ohos/react-native-progress-view Releases](https://gitcode.com/openharmony-sig/rntpc_progress-view/releases) ## 4. 属性 @@ -251,5 +251,5 @@ ohpm install ## 7. 开源协议 -本项目基于 [The MIT License (MIT)](https://gitee.com/openharmony-sig/rntpc_progress-view/blob/master/LICENSE) ，请自由地享受和参与开源。 +本项目基于 [The MIT License (MIT)](https://gitcode.com/openharmony-sig/rntpc_progress-view/blob/master/LICENSE) ，请自由地享受和参与开源。 diff --git a/zh-cn/react-native-keys.md b/zh-cn/react-native-keys.md index 5acf29e0e6366f295958c8cb55409ed1f3b5dc57..fbaa5b36e8730eac7215f0c60ba747bea7f49323 100644 --- a/zh-cn/react-native-keys.md +++ b/zh-cn/react-native-keys.md @@ -18,7 +18,14 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.7.10-0.0.2|[@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases)|0.72| +|0.7.11|[@react-native-ohos/react-native-keys Releases]()|0.77| + +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 + 进入到工程目录并输入以下命令： @@ -29,13 +36,21 @@ #### npm ```bash +# 0.7.10-0.0.2 npm install @react-native-oh-tpl/react-native-keys + +# 0.7.11 +npm install @react-native-ohos/react-native-keys ``` #### yarn ```bash +# 0.7.10-0.0.2 yarn add @react-native-oh-tpl/react-native-keys + +# 0.7.11 +yarn add @react-native-ohos/react-native-keys ``` @@ -106,6 +121,7 @@ Keys.secureFor('SECRET_KEY'); 打开 `entry/oh-package.json5`，添加以下依赖 +- 0.7.10-0.0.2 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -113,6 +129,14 @@ Keys.secureFor('SECRET_KEY'); } ``` +- 0.7.11 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-keys": "file:../../node_modules/@react-native-ohos/react-native-keys/harmony/rnoh_keys.har" + } +``` + 点击右上角的 `sync` 按钮 或者在终端执行： @@ -148,7 +172,12 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# 0.7.10-0.0.2 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-keys/src/main/cpp" ./rnohkeys) + +# 0.7.11 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-keys/src/main/cpp" ./rnohkeys) # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -191,8 +220,12 @@ std::vector> PackageProvider::getPackages(Package::Cont ```diff ... + // 0.7.10-0.0.2 + import { RNKeysPackage } from '@react-native-oh-tpl/react-native-keys'; + // 0.7.11 ++ import { RNKeysPackage } from '@react-native-ohos/react-native-keys'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -230,7 +263,11 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.7.10-0.0.2|[@react-native-oh-library/react-native-keys Releases](https://github.com/react-native-oh-library/react-native-keys/releases)|0.72| +|0.7.11|[@react-native-ohos/react-native-keys Releases]()|0.77| ## API diff --git a/zh-cn/react-native-quick-base64.md b/zh-cn/react-native-quick-base64.md index de3259bc45df3bdebb653ec91e309f1716248021..055470e1b4b6dafd8f1ea0208728e3e33ae70678 100644 --- a/zh-cn/react-native-quick-base64.md +++ b/zh-cn/react-native-quick-base64.md @@ -16,7 +16,13 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|2.1.2-1.0.1|[@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases)|0.72| +|2.1.3|[@react-native-ohos/react-native-quick-base64 Releases]()|0.77| + +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -25,13 +31,21 @@ #### **npm** ```bash +# 2.1.2-1.0.1 npm install @react-native-oh-tpl/react-native-quick-base64 + +# 2.1.3 +npm install @react-native-ohos/react-native-quick-base64 ``` #### **yarn** ```bash +# 2.1.2-1.0.1 yarn add @react-native-oh-tpl/react-native-quick-base64 + +# 2.1.3 +yarn add @react-native-ohos/react-native-quick-base64 ``` @@ -43,8 +57,13 @@ yarn add @react-native-oh-tpl/react-native-quick-base64 ```js import React, { useState } from 'react'; import { Text, View, TextInput, ScrollView, StyleSheet, Button } from 'react-native'; + +// 2.1.2-1.0.1 import { byteLength, btoa, atob, toByteArray, fromByteArray, getNative, trimBase64Padding, shim } from '@react-native-oh-tpl/react-native-quick-base64'; +// 2.1.3 +import { byteLength, btoa, atob, toByteArray, fromByteArray, getNative, trimBase64Padding, shim } from '@react-native-ohos/react-native-quick-base64'; + type FuncBase64ToArrayBuffer = ( data: string, removeLinebreaks?: boolean @@ -448,7 +467,7 @@ const styles = StyleSheet.create({ > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。 打开 `entry/oh-package.json5`，添加以下依赖 - +- 2.1.2-1.0.1 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -457,6 +476,15 @@ const styles = StyleSheet.create({ } ``` +- 2.1.3 +```json + "dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + + "@react-native-ohos/react-native-quick-base64": "file:../../node_modules/@react-native-ohos/react-native-quick-base64/harmony/rn_quick_base64.har" + } +``` + 点击右上角的 `sync` 按钮 或者在终端执行： @@ -492,7 +520,13 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# 2.1.2-1.0.1 + add_subdirectory("${OH_MODULE_DIR}/@react-native-oh-tpl/react-native-quick-base64/src/main/cpp" ./rn_quick_base64) + +# 2.1.3 ++ add_subdirectory("${OH_MODULE_DIR}/@react-native-ohos/react-native-quick-base64/src/main/cpp" ./rn_quick_base64) + # RNOH_END: manual_package_linking_1 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp") @@ -532,8 +566,12 @@ std::vector> PackageProvider::getPackages(Package::Cont 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加： ```diff + // 2.1.2-1.0.1 + import { RNQuickBase64Package } from '@react-native-oh-tpl/react-native-quick-base64/ts'; + // 2.1.3 ++ import { RNQuickBase64Package } from '@react-native-ohos/react-native-quick-base64/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -561,7 +599,11 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|2.1.2-1.0.1|[@react-native-oh-tpl/react-native-quick-base64 Releases](https://github.com/react-native-oh-library/react-native-quick-base64/releases)|0.72| +|2.1.3|[@react-native-ohos/react-native-quick-base64 Releases]()|0.77| > [!TIP] [官方文档](https://github.com/craftzdog/react-native-quick-base64) diff --git a/zh-cn/react-native-root-toast.md b/zh-cn/react-native-root-toast.md index bcf63b8facfd20d0af933f0a28db01f129be762d..c41981717b9865850c8f06bf02ef280fbce32cf9 100644 --- a/zh-cn/react-native-root-toast.md +++ b/zh-cn/react-native-root-toast.md @@ -82,6 +82,7 @@ export function ReactNativeRootToastExample() { 1. RNOH: 0.72.20-CAPI; SDK：HarmonyOS NEXT Developer Beta1; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.18; 2. RNOH：0.72.33; SDK：OpenHarmony 5.0.0.71(API Version 12 Release); IDE：DevEco Studio 5.0.3.900; ROM：NEXT.0.0.71; +3. RNOH: 0.77.18; SDK：HarmonyOS 5.0.0 Release(API Version 12 Release); IDE：DevEco Studio 5.1.1.830; ROM：5.0.0.150 SP8 ## 属性 diff --git a/zh-cn/react-native-scrollable-tab-view.md b/zh-cn/react-native-scrollable-tab-view.md index aa35156d46aaf36465932f40c2ee1861737d1444..f6028e0c23824b22af30706f222977002b7d2dc8 100644 --- a/zh-cn/react-native-scrollable-tab-view.md +++ b/zh-cn/react-native-scrollable-tab-view.md @@ -18,7 +18,13 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|1.0.0-0.2.1|[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)|0.72| +|1.0.1|[@react-native-ohos/react-native-scrollable-tab-view Releases]()|0.77| + +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -27,13 +33,21 @@ #### **npm** ```bash +# 1.0.0-0.2.1 npm install @react-native-oh-tpl/react-native-scrollable-tab-view + +# 1.0.1 +npm install @react-native-ohos/react-native-scrollable-tab-view ``` #### **yarn** ```bash +# 1.0.0-0.2.1 yarn add @react-native-oh-tpl/react-native-scrollable-tab-view + +# 1.0.1 +yarn add @react-native-ohos/react-native-scrollable-tab-view ``` @@ -81,7 +95,12 @@ export default () => { 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|1.0.0-0.2.1|[@react-native-oh-tpl/react-native-scrollable-tab-view Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases) |0.72| +|1.0.1|[@react-native-ohos/react-native-scrollable-tab-view Releases]()|0.77| ## 属性 diff --git a/zh-cn/react-native-spinkit.md b/zh-cn/react-native-spinkit.md index 092345f403d9de167442f7a0ad0211ab675b2e66..c879af277710f87c1e1837d31af2c31db60d6781 100644 --- a/zh-cn/react-native-spinkit.md +++ b/zh-cn/react-native-spinkit.md @@ -20,7 +20,13 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|1.5.1-0.0.2|[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases)|0.72| +|1.5.2|[@react-native-ohos/react-native-spinkit Releases]()|0.77| + +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -29,13 +35,21 @@ #### **npm** ```bash +# 1.5.1-0.0.2 npm install @react-native-oh-tpl/react-native-spinkit + +# 1.5.2 +npm install @react-native-ohos/react-native-spinkit ``` #### **yarn** ```bash +# 1.5.1-0.0.2 yarn add @react-native-oh-tpl/react-native-spinkit + +# 1.5.2 +yarn add @react-native-ohos/react-native-spinkit ``` @@ -96,14 +110,20 @@ export default SpinKit; > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。 打开 `entry/oh-package.json5`，添加以下依赖 - +- 1.5.1-0.0.2 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", "@react-native-oh-tpl/react-native-spinkit": "file:../../node_modules/@react-native-oh-tpl/react-native-spinkit/harmony/spinKit.har" } ``` - +- 1.5.2 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + "@react-native-ohos/react-native-spinkit": "file:../../node_modules/@react-native-ohos/react-native-spinkit/harmony/spinKit.har" + } +``` 点击右上角的 `sync` 按钮 或者在终端执行： @@ -124,8 +144,12 @@ ohpm install ```diff ... + // 1.5.1-0.0.2 + import { SpinKitView } from "@react-native-oh-tpl/react-native-spinkit" + // 1.5.2 ++ import { SpinKitView } from "@react-native-ohos/react-native-spinkit" + @Builder export function buildCustomRNComponent(ctx: ComponentBuilderContext) { ... @@ -157,8 +181,12 @@ const arkTsComponentNames: Array = [ ```diff ... + // 1.5.1-0.0.2 + import { RNSpinKitPackage } from '@react-native-oh-tpl/react-native-spinkit/ts'; + // 1.5.2 ++ import { RNSpinKitPackage } from '@react-native-ohos/react-native-spinkit/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -186,7 +214,11 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|1.5.1-0.0.2|[@react-native-oh-tpl/react-native-spinkit Releases](https://github.com/react-native-oh-library/react-native-spinkit/releases)|0.72| +|1.5.2|[@react-native-ohos/react-native-spinkit Releases]()|0.77| ## 属性 diff --git a/zh-cn/react-native-vector-drawable.md b/zh-cn/react-native-vector-drawable.md index bd254d0af0f721f27c8bb61f9360f795721753c7..0e5ce436e72ddcb1e843907990caebde7741329a 100644 --- a/zh-cn/react-native-vector-drawable.md +++ b/zh-cn/react-native-vector-drawable.md @@ -16,7 +16,13 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息： +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.5.1-0.0.1|[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)|0.72| +|0.5.2|[@react-native-ohos/react-native-vector-drawable Releases]()|0.77| + +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -27,13 +33,21 @@ #### npm ```bash +# 0.5.1-0.0.1 npm install @react-native-oh-tpl/react-native-vector-drawable + +# 0.5.2 +npm install @react-native-ohos/react-native-vector-drawable ``` #### yarn ```bash +# 0.5.1-0.0.1 yarn add @react-native-oh-tpl/react-native-vector-drawable + +# 0.5.2 +yarn add @react-native-ohos/react-native-vector-drawable ``` @@ -63,7 +77,12 @@ export default function VectorDrawableDemo(): JSX.Element { 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +|0.5.1-0.0.1|[@react-native-oh-library/react-native-vector-drawable Releases](https://github.com/react-native-oh-library/react-native-vector-drawable/releases)|0.72| +|0.5.2|[@react-native-ohos/react-native-vector-drawable Releases]()|0.77| ## 属性 diff --git a/zh-cn/react-native-view-shot.md b/zh-cn/react-native-view-shot.md index d77e54b6e19c25a848ded0a80e049ff5e122b9ec..2bc6c177da105b9367ed1ef833e238e5aa03b525 100644 --- a/zh-cn/react-native-view-shot.md +++ b/zh-cn/react-native-view-shot.md @@ -16,7 +16,14 @@ ## 安装与使用 -请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 +请到三方库的 Releases 发布地址查看配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +| 3.8.0-0.3.2 |[@react-native-oh-tpl/react-native-view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases) | 0.72 | +| 3.8.1 |[@react-native-ohos/react-native-view-shot Releases]() | 0.77 | + +对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。 进入到工程目录并输入以下命令： @@ -25,13 +32,21 @@ #### **npm** ```bash +# v3.8.0-0.3.2 npm install @react-native-oh-tpl/react-native-view-shot + +# v3.8.1 +npm install @react-native-ohos/react-native-view-shot ``` #### **yarn** ```bash +# v3.8.0-0.3.2 yarn add @react-native-oh-tpl/react-native-view-shot + +# v3.8.1 +yarn add @react-native-ohos/react-native-view-shot ``` @@ -139,7 +154,7 @@ export function ViewShotDemo() { > [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。 打开 `entry/oh-package.json5`，添加以下依赖 - +- v3.8.0-0.3.2 ```json "dependencies": { "@rnoh/react-native-openharmony": "file:../react_native_openharmony", @@ -148,6 +163,15 @@ export function ViewShotDemo() { } ``` +- v3.8.1 +```json +"dependencies": { + "@rnoh/react-native-openharmony": "file:../react_native_openharmony", + + "@react-native-ohos/react-native-view-shot": "file:../../node_modules/@react-native-ohos/react-native-view-shot/harmony/view_shot.har" + } +``` + 点击右上角的 `sync` 按钮 或者在终端执行： @@ -176,7 +200,13 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn) # RNOH_BEGIN: manual_package_linking_1 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) + +# v3.8.0-0.3.2 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/react-native-view-shot/src/main/cpp" ./view-shot) + +# v3.8.1 ++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-view-shot/src/main/cpp" ./view-shot) + # RNOH_BEGIN: manual_package_linking_1 add_library(rnoh_app SHARED @@ -215,8 +245,12 @@ std::vector> PackageProvider::getPackages(Package::Cont ```diff ... + // v3.8.0-0.3.2 + import { ViewShotPackage } from '@react-native-oh-tpl/react-native-view-shot/ts'; + // v3.8.1 ++ import { ViewShotPackage } from '@react-native-ohos/react-native-view-shot/ts'; + export function createRNPackages(ctx: RNPackageContext): RNPackage[] { return [ new SamplePackage(ctx), @@ -243,7 +277,13 @@ ohpm install 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 -请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases) +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： + +| 三方库版本 | 发布信息 | 支持RN版本 | +| ----------- | ------------------------------------------------------------ | ---------- | +| 3.8.0-0.3.2 |[@react-native-oh-tpl/react-native-view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases) | 0.72 | +| 3.8.1 |[@react-native-ohos/react-native-view-shot Releases]() | 0.77 | + ## 属性