diff --git a/en/react-native-animate-number.md b/en/react-native-animate-number.md
index 7b31d21a248c9220a700aa150b574807bcecc8b4..610a54c8ed1d7d30241a361c74cb95bbf49a9650 100644
--- a/en/react-native-animate-number.md
+++ b/en/react-native-animate-number.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
react-native-animate-number
@@ -18,6 +18,11 @@
## Installation and Usage
+| Version | Support RN version |
+| -------- | ----------|
+| 0.1.2 | 0.72/0.77 |
+
+
Go to the project directory and execute the following instruction:
@@ -150,6 +155,7 @@ This document is verified based on the following versions:
1. RNOH: 0.72.20; 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 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112
## Properties
diff --git a/en/react-native-autoLink.md b/en/react-native-autoLink.md
index 0b43cc50a9ff78beeaac666ee72877801e2c3f29..73a46dc99d4bddafadb5bf2b8989c54d7b348b56 100644
--- a/en/react-native-autoLink.md
+++ b/en/react-native-autoLink.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
react-native-autolink
@@ -16,7 +16,9 @@
## Installation and Usage
-
+| version | Support RN version |
+| ---------- | ---------- |
+| 4.2.0 | 0.72/0.77 |
#### **npm**
@@ -97,6 +99,8 @@ This document is verified based on the following versions:
1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
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.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+4. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## Properties
diff --git a/en/react-native-better-banner.md b/en/react-native-better-banner.md
index 92152928ecba1df26ebd0bb2d618619a328079b2..f1b2938c11ac384154762b24a5a293f5f99a2a12 100644
--- a/en/react-native-better-banner.md
+++ b/en/react-native-better-banner.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
react-native-better-banner
@@ -16,7 +16,10 @@
## Installation and Usage
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/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.
+| version | Package Name |Repository | Release | RN version |
+| ---------- | ------------------------------------------------------------ | -------|--------|---------- |
+| 1.1.3 | @react-native-oh-tpl/react-native-better-banner | [Github](https://github.com/react-native-oh-library/better-banner) | [Github Releases](https://github.com/react-native-oh-library/better-banner/releases)|0.72 |
+| 1.2.0 | @react-native-ohos/react-native-better-banner | [Github](https://github.com/react-native-oh-library/better-banner) | [Github Releases](https://github.com/react-native-oh-library/better-banner/releases)| 0.77 |
Go to the project directory and execute the following instruction:
@@ -27,13 +30,21 @@ Go to the project directory and execute the following instruction:
#### **npm**
```bash
+#0.72
npm install @react-native-oh-tpl/react-native-better-banner
+
+#0.77
+npm install @react-native-ohos/react-native-better-banner
```
#### **yarn**
```bash
+#0.72
yarn add @react-native-oh-tpl/react-native-better-banner
+
+#0.77
+yarn add @react-native-ohos/react-native-better-banner
```
@@ -130,8 +141,16 @@ export default App;
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.
+ version | Releases info | Support RN version |
+| ---------- | ------------------------------------------------------------ | ---------- |
+| 1.1.3 | [@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/react-native-better-banner/releases) | 0.72 |
+| 1.2.0 | [@react-native-ohos/react-native-better-banner]() | 0.77 |
+
Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases)
+1. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+2. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
+
## 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-easy-toast.md b/en/react-native-easy-toast.md
index 0f3fe3c99049826c8b3ecb618e31a0f71bc51594..0cfc5213a7622fc3518887d489976af150bc90bb 100644
--- a/en/react-native-easy-toast.md
+++ b/en/react-native-easy-toast.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.0
+> Template version: v0.3.0
react-native-easy-toast
@@ -18,9 +18,11 @@
## Installation and Usage
-Go to the project directory and execute the following instruction:
+| version | Support RN version |
+| ---------- | ---------- |
+| 2.3.0 | 0.72/0.77 |
-
+Go to the project directory and execute the following instruction:
#### **npm**
@@ -75,7 +77,8 @@ This document is verified based on the following versions:
1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2(B.0.73); IDE:DevEco Studio 5.0.3.200; ROM:2.0.0.58;
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.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+4. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## Properties
diff --git a/en/react-native-fit-Image.md b/en/react-native-fit-Image.md
index 6ad318d4f25354d8ba9b365398ee060b1e359e76..07401358207d38e497ce16eb06afc1933597c627 100644
--- a/en/react-native-fit-Image.md
+++ b/en/react-native-fit-Image.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
react-native-fit-image
@@ -19,9 +19,11 @@
## Installation and Usage
-Go to the project directory and execute the following instruction:
+| version | Support RN version |
+| ---------- | ---------- |
+| 1.5.5 | 0.72/0.77 |
-
+Go to the project directory and execute the following instruction:
#### **npm**
@@ -288,18 +290,20 @@ This document is verified based on the following versions
1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.21;
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.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+4. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## Properties
> [!TIP] If the value of **HarmonyOS Support** is **yes**, it means that the HarmonyOS platform supports this property; **no** means the opposite; **partially** means some capabilities of this property are supported. The usage method is the same on different platforms and the effect is the same as that of iOS or Android.
-| Name | Description | Type | Required | Platform | HarmonyOS Support | Remark |
-| ------------------ | ------------------------------------------------------------ | ------------- | -------- | --------------------------------------------- | ----------------- | ------------------------------------------------------------ |
-| `style` | Width, height, and border style of the image. | object | yes | Android and iOS | yes | If **orginalWidth** and **orginalHeight** are not set, the **width** and **height** must be set in **style** so that the image can be loaded. |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ------------------ | ------------------------------------------------------------ | ------------- | -------- | --------------------------------------------- | ----------------- |
+| `style` | Width, height, and border style of the image. | object | yes | Android and iOS | yes |
| `source` | Image source:
For local image, source={require('./assets/expo.png')}.
For network image, source={{uri:"xxx"}}. | string | yes | Android and iOS | yes | |
| `width` | Property of an image style. | number | yes | Android and iOS | yes | |
| `height` | Property of an image style. | number | yes | Android and iOS | yes | |
-| `borderRadius` | Image style (rounded corner). | number | no | Not supported on Android, iOS, and HarmonyOS. | no | This property does not take effect on HarmonyOS, Android, and iOS: [issues](https://github.com/huiseoul/react-native-fit-image/issues/111) |
+| `borderRadius` | Image style (rounded corner). | number | no | Not supported on Android, iOS, and HarmonyOS. | no |
| `indicator` | Indicator. The value can be **true** (default) or **false**. | boolean | no | Android and iOS | yes | |
| `indicatorColor` | Indicator color. | string | no | Android and iOS | yes | |
| `indicatorSize` | Indicator size. The value can be `large`, `small`, or number (for example, indicatorSize={20}). | string/number | no | Android and iOS | yes | |
@@ -308,9 +312,9 @@ This document is verified based on the following versions
| onLoad | Callback invoked when the image is successfully loaded. | function | no | Android and iOS | yes | |
| resolveAssetSource | Function used to obtain the width and height of a local image.
Example: const img1 = require('./assets/expo.png')
let res = Image.resolveAssetSource(img1) | function | no | Android and iOS | yes | |
| getSize | Function used to obtain the network image size.
Example: Image.getSize(uri,(width,height)=>{},(fail)=>{}) | function | no | Android and iOS | yes | |
-| onError | Callback invoked when the image resource fails to be obtained. | function | no | Not supported on Android, iOS, and HarmonyOS. | no | As described in the original library, some properties are not working: [issues](https://github.com/huiseoul/react-native-fit-image/issues/76). |
-| onLoadStart | Callback invoked when resources are just loaded. | function | no | Not supported on Android, iOS, and HarmonyOS. | no | As described in the original library, some properties are not working: [issues](https://github.com/huiseoul/react-native-fit-image/issues/76). |
-| onLayout | Callback invoked when the resource size is changed or the resource is loaded. | function | no | Not supported on Android, iOS, and HarmonyOS. | no | As described in the original library, some properties are not working: [issues](https://github.com/huiseoul/react-native-fit-image/issues/76). |
+| onError | Callback invoked when the image resource fails to be obtained. | function | no | Not supported on Android, iOS, and HarmonyOS. | no |
+| onLoadStart | Callback invoked when resources are just loaded. | function | no | Not supported on Android, iOS, and HarmonyOS. | no |
+| onLayout | Callback invoked when the resource size is changed or the resource is loaded. | function | no | Not supported on Android, iOS, and HarmonyOS. | no |
| orginalWidth | Original image width. | number | no | Android and iOS | yes | |
| orginalHeight | Original image height. | number | no | Android and iOS | yes | |
@@ -318,7 +322,10 @@ This document is verified based on the following versions
- [ ] The `onError`, `onLoadStart`, and `onLayout` callbacks are not supported on Android, iOS, and HarmonyOS: [issues](https://github.com/huiseoul/react-native-fit-image/issues/76).
- [ ] The `borderRadius` property is not supported on HarmonyOS, iOS, and Android: [issues](https://github.com/huiseoul/react-native-fit-image/issues/111).
-
+- [ ] `style` image width and height properties: when originalWidth and originalHeight attributes are not added, width and height must be set in the style to load the image properly
+- [ ] `onError` triggered when image resource fails to load. As noted by the original library author, some props are not working: [issues](https://github.com/huiseoul/react-native-fit-image/issues/76)
+- [ ] `onLoadStart` triggered when resource starts loading. As noted by the original library author, some props are not working: [issues](https://github.com/huiseoul/react-native-fit-image/issues/76)
+- [ ] `onLayout` triggered when resource starts loading. As noted by the original library author, some props are not working: [issues](https://github.com/huiseoul/react-native-fit-image/issues/76)
## Others
## License
diff --git a/en/react-native-flexi-radio-button.md b/en/react-native-flexi-radio-button.md
index d255dd69e1d85ea5ce7149b45d588baecdc50229..830bd53f8206cfccb1999b3790e85c15f4ee72e4 100644
--- a/en/react-native-flexi-radio-button.md
+++ b/en/react-native-flexi-radio-button.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
react-native-flexi-radio-button
@@ -16,16 +16,19 @@
> [!TIP] [Github address](https://github.com/thegamenicorus/react-native-flexi-radio-button)
## Installation and Usage
-
+
+| version | Support RN version |
+| ---------- | ---------- |
+| 0.2.2 | 0.72/0.77 |
+
#### **npm**
```bash
-npm i react-native-flexi-radio-button@0.2.2
+npm install react-native-flexi-radio-button@0.2.2
```
#### **yarn**
-
```bash
yarn add react-native-flexi-radio-button@0.2.2
```
@@ -138,9 +141,10 @@ modify in render()
This document is verified based on the following versions:
-react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
-
-react-native-harmony: 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;
+1. RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
+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.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+4. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## Properties
@@ -151,23 +155,23 @@ react-native-harmony: 0.72.33; SDK: Openharmony 5.0.0.71(API Version 12 Release)
##### Radio Group:
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| size | 单选按钮的大小 | number | no | Android/IOS | yes |
-| thickness | 单选按钮边框的宽度 | number | no | Android/IOS | yes |
-| color | 单选按钮的颜色 | string | no | Android/IOS | yes |
-| activeColor | 选择时单选按钮的颜色 | string | no | Android/IOS | yes |
-| highlightColor | 选择后单选按钮的背景 | string | no | Android/IOS | yes |
-| selectedIndex | 单选组的默认选择索引,可以更改为新值或空值以进行明确选择 | number | no | Android/IOS | yes |
-| style | 如果提供,则要应用的自定义样式 | object | no | Android/IOS | yes |
-| onSelect | 选择单选按钮时要调用的函数 | function(index, value) | no | Android/IOS | yes |
+| size | Radio button size | number | no | Android/IOS | yes |
+| thickness | Radio button border width | number | no | Android/IOS | yes |
+| color | Radio button color | string | no | Android/IOS | yes |
+| activeColor | Selected radio button color | string | no | Android/IOS | yes |
+| highlightColor | Selected radio button background | string | no | Android/IOS | yes |
+| selectedIndex | Default selection index for radio group, can be updated to new value or null for explicit selection | number | no | Android/IOS | yes |
+| style | Custom styles to apply if provided | object | no | Android/IOS | yes |
+| onSelect | Function to call when radio button is selected | function(index, value) | no | Android/IOS | yes |
##### Radio Button:
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| value | value 将在回调时作为第二个参数传递onSelect | any | no | Android/IOS | yes |
-| style | 要应用于“RadioButton”组件的样式 | object | no | Android/IOS | yes |
-| color | 按钮颜色 | string | no | Android/IOS | yes |
-| disabled | 如果为 true,则禁用此组件的所有交互 | bool | no | Android/IOS | yes |
+| value | The value will be passed as the second argument in the onSelect callback | any | no | Android/IOS | yes |
+| style | Styles to be applied to the RadioButton component | object | no | Android/IOS | yes |
+| color | Button color | string | no | Android/IOS | yes |
+| disabled | If true, all interactions for this component are disabled | bool | no | Android/IOS | yes |
## Known Issues
diff --git a/en/react-native-image-pan-zoom.md b/en/react-native-image-pan-zoom.md
index ca22d6ef30df4fecc2ce5fd5cc716e69a4cf8e4c..9721f7b26f3ba628ea36dd1de234e9b102162cc7 100644
--- a/en/react-native-image-pan-zoom.md
+++ b/en/react-native-image-pan-zoom.md
@@ -1,4 +1,4 @@
-Template version: v0.2.2
+Template version: v0.3.0
react-native-image-pan-zoom
@@ -16,6 +16,11 @@ Template version: v0.2.2
## Installation and Usage
+| Version | Package Name | Repository | Release | RN version |
+| ------------------------- | --------------------------------------------- | ----------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ---------- |
+| 2.1.12 | @react-native-ohos/react-native-image-pan-zoom | [Github](https://github.com/react-native-oh-library/react-native-image-zoom) | [Github Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases) | 0.72 |
+| 2.2.0 | @react-native-ohos/react-native-image-pan-zoom | [Github](https://github.com/react-native-oh-library/react-native-image-zoom) | [Github Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases) | 0.77 |
+
Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-image-pan-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
Go to the project directory and execute the following instruction:
@@ -27,13 +32,20 @@ Go to the project directory and execute the following instruction:
#### **npm**
```bash
+#0.72
npm install @react-native-oh-tpl/react-native-image-pan-zoom
+
+#0.77
+npm install @react-native-ohos/react-native-image-pan-zoom
```
#### **yarn**
```bash
+#0.72
yarn add @react-native-oh-tpl/react-native-image-pan-zoom
+#0.77
+yarn add @react-native-ohos/react-native-image-pan-zoom
```
@@ -87,9 +99,10 @@ export default function () {
### Compatibility
-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.
+This document is verified based on the following versions:
-Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-image-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases)
+1. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+2. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## Properties
diff --git a/en/react-native-map-linking.md b/en/react-native-map-linking.md
index 2d38278c4b5b97895d94ee693ddb42fd47cb3c80..bd01efca04c62b566254909776986b9cdc9b8238 100644
--- a/en/react-native-map-linking.md
+++ b/en/react-native-map-linking.md
@@ -8,26 +8,33 @@ This project is based on [react-native-map-linking@1.0.1](https://github.com/sta
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-map-linking`, The version correspondence details are as follows:
-| Version | Package Name | Repository | Release |
-| ------------------------- | --------------------------------------------- | ----------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
-| <= 1.0.1-0.0.1@deprecated | @react-native-oh-tpl/react-native-map-linking | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-map-linking) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-map-linking/releases) |
-| > 1.0.1 | @react-native-ohos/react-native-map-linking | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking/releases) |
+| Version | Package Name | Repository | Release | RN version |
+| ------------------------- | --------------------------------------------- | ----------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ---------- |
+| 1.0.4 | @react-native-ohos/react-native-map-linking | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking/releases) | 0.72 |
+| 1.1.0 | @react-native-ohos/react-native-map-linking | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking/releases) | 0.77 |
## 1. Installation and Usage
Go to the project directory and execute the following instruction:
-
#### **npm**
```bash
+#1.0.4
+npm install @react-native-ohos/react-native-map-linking
+
+#1.1.0
npm install @react-native-ohos/react-native-map-linking
```
#### **yarn**
```bash
+#1.0.4
+yarn add @react-native-ohos/react-native-map-linking
+
+#1.1.0
yarn add @react-native-ohos/react-native-map-linking
```
@@ -137,6 +144,18 @@ Please configure the `querySchemes` field in `entry/src/module.json5` to support
Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-map-linking Releases](https://gitee.com/openharmony-sig/rntpc_react-native-map-linking/releases)
+| Version | Package Name | Repository | Release | RN version |
+| ------------------------- | --------------------------------------------- | ----------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ---------- |
+| 1.0.4 | @react-native-ohos/react-native-map-linking | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking/releases) | 0.72 |
+| 1.1.0 | @react-native-ohos/react-native-map-linking | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking/releases) | 0.77 |
+
+
+
+this document is verified based on the following versions:
+
+1. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+2. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
+
## 3. APIs
> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
diff --git a/en/react-native-markdown-display.md b/en/react-native-markdown-display.md
index a75dffc16d1e16e68a509f2f1360108e7c5dc3fe..00422b9a6cee2be746425af8bc7491d60cba3dd4 100644
--- a/en/react-native-markdown-display.md
+++ b/en/react-native-markdown-display.md
@@ -18,6 +18,11 @@
Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-markdown-display Releases](https://github.com/react-native-oh-library/react-native-markdown-display/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.
+| version | Package Name |Repository | Release | RN version |
+| ---------- | ------------------------------------------------------------ | -------|--------|---------- |
+| 7.0.1 | @react-native-oh-tpl/react-native-markdown-display | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-markdown-display) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-markdown-display/releases)|0.72 |
+| 7.1.0 | @react-native-ohos/react-native-markdown-display |[Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-markdown-display) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-markdown-display/releases)| 0.77 |
+
Go to the project directory and execute the following instruction:
@@ -27,13 +32,21 @@ Go to the project directory and execute the following instruction:
#### **npm**
```bash
+#0.72
npm install @react-native-oh-tpl/react-native-markdown-display
+
+#0.77
+npm install @react-native-ohos/react-native-markdown-display
```
#### **yarn**
```bash
-yarn add @react-native-oh-tpl/react-native-markdown-display
+#0.72
+yarn install @react-native-oh-tpl/react-native-markdown-display
+
+#0.77
+yarn install @react-native-ohos/react-native-markdown-display
```
diff --git a/en/react-native-material-ripple.md b/en/react-native-material-ripple.md
index e62b4c9cee06fc76ac6c86ba28cb9496fd1f2d84..ce29e19c1ffa1b6f3a1823d5dab82e5879e5b9f3 100644
--- a/en/react-native-material-ripple.md
+++ b/en/react-native-material-ripple.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
react-native-material-ripple
@@ -16,6 +16,10 @@
## Installation and Usage
+| version | Support RN version |
+| ---------- | ---------- |
+| 0.9.1 | 0.72/0.77 |
+
Go to the project directory and execute the following instruction:
#### **npm**
@@ -25,7 +29,6 @@ npm install react-native-material-ripple@0.9.1
```
#### **yarn**
-
```bash
yarn add react-native-material-ripple@0.9.1
```
@@ -132,6 +135,9 @@ This document is verified based on the following versions:
1. RNOH:0.72.27; SDK:HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE:DevEco Studio 5.0.3.400; ROM:3.0.0.25
2. RNOH:0.72.28; SDK:HarmonyOS NEXT Developer Beta3 5.0.0.36; IDE:DevEco Studio 5.0.3.535; ROM:5.0.0.36
+3. 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;
+4. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+5. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## Properties
diff --git a/en/react-native-safe-module.md b/en/react-native-safe-module.md
index cc1a70e7fd89dce62a95fda2723841aaf8a02421..d852361699b0cc8f6f475c731b375d2dc0c20838 100644
--- a/en/react-native-safe-module.md
+++ b/en/react-native-safe-module.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
react-native-safe-module
@@ -16,6 +16,11 @@
## Installation and Usage
+| version | Package Name |Repository | Release | RN version |
+| ---------- | ------------------------------------------------------------ | -------|--------|---------- |
+| 1.2.0 | @react-native-oh-tpl/react-native-safe-module | [Github](https://github.com/react-native-oh-library/react-native-safe-module) | [Github Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases)|0.72 |
+| 1.3.0 | @react-native-ohos/react-native-safe-module | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-safe-module) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-safe-module/releases)| 0.77 |
+
Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/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.
@@ -28,13 +33,21 @@ Go to the project directory and execute the following instruction:
#### **npm**
```bash
+#0.72
npm install @react-native-oh-tpl/react-native-safe-module
+
+#0.77
+npm install @react-native-ohos/react-native-safe-module
```
#### **yarn**
```bash
+#0.72
yarn add @react-native-oh-tpl/react-native-safe-module
+
+#0.77
+yarn add @react-native-ohos/react-native-safe-module
```
@@ -73,6 +86,16 @@ To use this repository, you need to use the correct React-Native and RNOH versio
Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases)
+| version | Releases info | Support RN version |
+| ---------- | ------------------------------------------------------------ | ---------- |
+| 1.2.0 | [@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases) | 0.72 |
+| 1.3.0 | [@react-native-ohos/react-native-safe-module Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-safe-module/releases) | 0.77 |
+
+This document is verified based on the following versions:
+
+1. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+2. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112
+
## API
> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
diff --git a/en/react-native-size-matters.md b/en/react-native-size-matters.md
index 5fb3f12f8ca4b0dcd8c987262d1b8ff8bfd3ce2d..9d7c465715b8b9ef58048c242fc99b31e271ae97 100644
--- a/en/react-native-size-matters.md
+++ b/en/react-native-size-matters.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
react-native-size-matters
@@ -16,9 +16,13 @@
## Installation and Usage
+| version | Support RN version |
+| ---------- | ---------- |
+| 0.4.2 | 0.72/0.77 |
+
+
Go to the project directory and execute the following instruction:
-
#### **npm**
@@ -29,7 +33,7 @@ npm install react-native-size-matters@0.4.2
#### **yarn**
```bash
-yarn add react-native-size-matters@0.4.2
+npm install react-native-size-matters@0.4.2
```
@@ -223,7 +227,8 @@ This document is verified based on the following versions:
1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE: DevEco Studio 5.0.3.400; ROM: 3.0.0.25;
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.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+4. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## API
> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
diff --git a/en/react-native-switch-pro.md b/en/react-native-switch-pro.md
index fcaf1a98d10dba0767d7caa7cc8a099ac56af93d..d8edff0b08e750735cb50a5af8fcc01bcca5cdff 100644
--- a/en/react-native-switch-pro.md
+++ b/en/react-native-switch-pro.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.0
+> Template version: v0.3.0
react-native-switch-pro
@@ -16,9 +16,10 @@
> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-switch-pro)
## Installation and Usage
-
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/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.
-
+| version | Package Name |Repository | Release | RN version |
+| ---------- | ------------------------------------------------------------ | -------|--------|---------- |
+| 1.0.5 | @react-native-oh-tpl/react-native-switch-pro | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-switch-pro) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-switch-pro/releases)|0.72 |
+| 1.1.0 | @react-native-ohos/react-native-switch-pro |[Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-switch-pro) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-switch-pro/releases)| 0.77 |
Go to the project directory and execute the following instruction:
@@ -28,13 +29,21 @@ Go to the project directory and execute the following instruction:
#### **npm**
```bash
+#0.72
npm install @react-native-oh-tpl/react-native-switch-pro
+
+#0.77
+npm install @react-native-ohos/react-native-switch-pro
```
#### **yarn**
```bash
+#0.72
yarn add @react-native-oh-tpl/react-native-switch-pro
+
+#0.77
+yarn add @react-native-ohos/react-native-switch-pro
```
@@ -62,11 +71,16 @@ import Switch from 'react-native-switch-pro'
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-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/releases)
+| version | Releases info | Support RN version |
+| ---------- | ------------------------------------------------------------ | ---------- |
+| 1.0.5 | [@react-native-oh-tpl/react-native-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/releases) | 0.72 |
+| 1.1.0 | [@react-native-ohos/react-native-switch-pro Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-switch-pro) | 0.77 |
This document is verified based on the following versions:
-1. react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
+1. RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
+2. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+3. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## Properties
diff --git a/en/react-native-waterfall-flow.md b/en/react-native-waterfall-flow.md
index af48d78992bdfb0f047b49992e98532d5713e09b..63d39cd7a6f476c5156ac4dbdb1e27cbf6949b8a 100644
--- a/en/react-native-waterfall-flow.md
+++ b/en/react-native-waterfall-flow.md
@@ -1,4 +1,4 @@
-> Template version: v0.2.2
+> Template version: v0.3.0
react-native-waterfall-flow
@@ -16,20 +16,22 @@
## Installation and Usage
-Go to the project directory and execute the following instruction:
+| version | Support RN version |
+| ---------- | ---------- |
+| 1.1.5 | 0.72/0.77 |
-
+Go to the project directory and execute the following instruction:
#### **npm**
```bash
-npm install react-native-waterfall-flow@1.1.5 --save
+npm install react-native-waterfall-flow@1.1.5
```
#### **yarn**
```bash
-yarn add react-native-waterfall-flow@1.1.5 --save
+yarn add react-native-waterfall-flow@1.1.5
```
@@ -234,6 +236,8 @@ This document is verified based on the following versions:
1. RNOH: 0.72.29; SDK: HarmonyOS NEXT Developer Beta6; IDE: DevEco Studio 5.0.3.706; ROM: NEXT.0.0.65;
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.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+4. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## Properties
@@ -243,17 +247,17 @@ This document is verified based on the following versions:
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ----------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------- | -------- | -------- | ----------------- |
-| `renderItem` | 用于将当前`item`渲染到列表中 | function | Yes | All | yes |
-| `data` | 瀑布流数据源,可以是任意内容的数组 | array | Yes | All | yes |
-| `numColumns` | 瀑布流的列数,默认为 2,即两列 | number | No | All | yes |
-| `ListHeaderComponent` | 头部组件。可以是 React Component 或 render 函数。 | component`, `function | No | All | yes |
-| `ListFooterComponent` | 尾部组件。可以是 React Component 或 render 函数。 | component`, `function | No | All | yes |
-| `ListEmptyComponent` | 列表为空时渲染该组件。可以是 React Component 或 render 函数 | component`, `function | No | All | yes |
-| `onEndReached` | 当列表滚动到底部是调用 | function | No | All | yes |
-| `onRefresh` | 如果设置了此选项,则会在列表头部添加一个标准的[`RefreshControl`](https://www.react-native.cn/docs/refreshcontrol) 控件,以便实现“下拉刷新”的功能。同时你需要正确设置`refreshing`属性。 | function | No | All | yes |
-| `refreshing` | 在等待加载新数据时将此属性设为 true,列表就会显示出一个正在加载的符号。 | boolean | No | All | yes |
-| `style` | 用于设置瀑布流外层样式,默认会有`{ flex: 1 }`的样式,即高度充满父容器 | object | No | All | yes |
-| `contentContainerStyle` | 瀑布流内容容器样式 | object | No | All | yes |
+| `renderItem` | Used to render the current item into the list | function | Yes | All | yes |
+| `data` | Waterfall flow data source, which can be an array of any type of content. | array | Yes | All | yes |
+| `numColumns` | The number of columns in the waterfall flow, default is 2 (i.e., two columns). | number | No | All | yes |
+| `ListHeaderComponent` | Header component. Can be a React Component or a render function. | component`, `function | No | All | yes |
+| `ListFooterComponent` | Footer component. Can be a React Component or a render function. | component`, `function | No | All | yes |
+| `ListEmptyComponent` | Component to render when the list is empty. Can be a React Component or a render function. | component`, `function | No | All | yes |
+| `onEndReached` | Called when the list is scrolled to the bottom. | function | No | All | yes |
+| `onRefresh` | If this option is set, a standard[`RefreshControl`](https://www.react-native.cn/docs/refreshcontrol) component will be added to the list header to enable pull-to-refresh functionality. You must also set the refreshing property correctly. | function | No | All | yes |
+| `refreshing` | Set this property to true while waiting for new data to load, and the list will display a loading indicator. | boolean | No | All | yes |
+| `style` | Used to set the outer container style of the waterfall flow. By default, it has the style { flex: 1 }, meaning it fills the height of the parent container. | object | No | All | yes |
+| `contentContainerStyle` | Waterfall flow content container style. | object | No | All | yes |
## Static Methods
@@ -263,9 +267,9 @@ This document is verified based on the following versions:
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| -------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | -------- | ----------------- |
-| `scrollToEnd([params])` | 滚动到瀑布流列表的底部 | object | No | All | yes |
-| `scrollToIndex([params])` | 将位于指定位置的元素滚动到可视区的指定位置,当 viewPosition 为 0 时将它滚动到屏幕顶部,为 1 时将它滚动到屏幕底部,为 0.5 时将它滚动到屏幕中央。 | object | Yes | All | yes |
-| `scrollToOffset([params])` | 滚动列表到指定的偏移(以像素为单位),等同于 ScrollView 的 scrollTo 方法。 | object | Yes | All | yes |
+| `scrollToEnd([params])` | Scroll to the bottom of the waterfall flow list. | object | No | All | yes |
+| `scrollToIndex([params])` | Scrolls the element at the specified position to a defined location within the visible area. When viewPosition is 0, it scrolls to the top of the screen; when 1, it scrolls to the bottom of the screen; and when 0.5, it scrolls to the center of the screen. | object | Yes | All | yes |
+| `scrollToOffset([params])` | Scrolls the list to the specified offset (in pixels), equivalent to the scrollTo method of ScrollView. | object | Yes | All | yes |
## Known Issues
diff --git a/zh-cn/react-native-animate-number.md b/zh-cn/react-native-animate-number.md
index d4cb1bd98f051ed9e6677a33c4e18073f6a7d650..092cfb4bcc02c53b62661005c9431d66484030ed 100644
--- a/zh-cn/react-native-animate-number.md
+++ b/zh-cn/react-native-animate-number.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.2.2
+> 模板版本:v0.3.0
react-native-animate-number
@@ -18,6 +18,12 @@
## 安装与使用
+请到三方库的 Releases 发布地址查看配套的版本信息:
+
+| 三方库版本| 支持RN版本 |
+| -------- | ----------|
+| 0.1.2 | 0.72/0.77 |
+
进入到工程目录并输入以下命令:
@@ -150,19 +156,20 @@ export default App;
1. RNOH:0.72.20; 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 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112
## 属性
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| `value` | The value of AnimateNumber component. | number | yes | Android IOS | YES |
-| `countBy` | Set this property to force the component's value increase/decrease by this number. | number | No | Android IOS | YES |
-| `interval` | Base interval of each animation frame, in `ms`. | number | No | Android IOS | YES |
-| `steps` | Set total frame number of animation, say, if interval is 14 and steps is 30, the animation will take 14x30ms to finish when it uses linear timing function. | number | No | Android IOS | YES |
-| `timing` | A style object that allow you to customize the WebView style. | number | No | Android IOS | YES |
-| `formatter` | The custom css content will be added to the page's . | string | No | Android IOS | YES |
-| `onProgress` | Either updated height or width will trigger onSizeUpdated. | function | No | Android IOS | YES |
-| `onFinish` | Boolean value that determines whether a horizontal scroll indicator is shown in the WebView. | function | No | Android IOS | YES |
+| `value` | AnimateNumber 组件的值。 | number | yes | Android IOS | YES |
+| `countBy` | 将此属性设置为强制组件值按此数值增加/减少。 | number | No | Android IOS | YES |
+| `interval` | 每帧动画的基本间隔时间(单位:毫秒)。 | number | No | Android IOS | YES |
+| `steps` | 设置动画的总帧数。例如,若间隔为14毫秒且步数为30帧,当采用线性缓动函数时,该动画将耗时14×30毫秒完成。 | number | No | Android IOS | YES |
+| `timing` | 一个用于自定义 WebView 样式的样式对象. | number | No | Android IOS | YES |
+| `formatter` | 自定义 CSS 内容将被添加到页面中。 | string | No | Android IOS | YES |
+| `onProgress` | 高度或宽度的任意变更都将触发 onSizeUpdated 事件。 | function | No | Android IOS | YES |
+| `onFinish` | 布尔值,用于控制是否在 WebView 中显示水平滚动指示器。 | function | No | Android IOS | YES |
## 遗留问题
diff --git a/zh-cn/react-native-autoLink.md b/zh-cn/react-native-autoLink.md
index 70f86596d7e4199887c7d5b8666ca2dbee2d3dcd..797a68103cadc82e238ba3e87ec200aed533b6c3 100644
--- a/zh-cn/react-native-autoLink.md
+++ b/zh-cn/react-native-autoLink.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.2.2
+> 模板版本:v0.3.0
react-native-autolink
@@ -17,7 +17,9 @@
## 安装与使用
-
+| 三方库版本 | 支持RN版本 |
+| ---------- | ---------- |
+| 4.2.0 | 0.72/0.77 |
#### **npm**
@@ -100,6 +102,8 @@ export default AutolinkDemo;
1. RNOH: 0.72.27; SDK: HarmonyOS-NEXT-DB1; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.29;
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.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+4. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## 属性
@@ -109,28 +113,28 @@ export default AutolinkDemo;
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| :----------------: | :----------------------------------------------------------: | :-----------------: | :------: | :---------: | :---------------: |
-| component | Override the component used as the output container. | React.ComponentType | No | Android/IOS | Yes |
-| email | Whether to link emails (`mailto:{email}`). | boolean | No | Android/IOS | Yes |
-| hashtag | Whether to link hashtags to supplied service. Possible values: `false` (disabled), `"facebook"`, `"instagram"`, `"twitter"`. | boolean or string | No | Android/IOS | Yes |
-| linkProps | Attributes applied to link Text components. | TextProps | No | Android/IOS | Yes |
-| linkStyle | Styles applied to link Text components. *Note:* Will be overriden if `style` supplied in [`linkProps`](https://github.com/joshswan/react-native-autolink#linkprops). | TextStyle | No | Android/IOS | Yes |
-| matchers | Array of custom matcher objects with optional press handlers, styling, and text/url extraction. | CustomMatcher[] | No | Android/IOS | Yes |
-| mention | Whether to link mentions/handles to supplied service. Possible values: `false` (disabled), `"instagram"`, `"soundcloud"`, `"twitter"`. | boolean or string | No | Android/IOS | Yes |
-| onPress | Override default link press behavior. Signature: `(url: string, match: Match) => void`. | function | No | Android/IOS | Yes |
-| onLongPress | Handle link long press events. Signature: `(url: string, match: Match) => void`. | function | No | Android/IOS | Yes |
-| phone | Whether to link phone numbers. Possible values: `false` (disabled), `true` (`tel:{number}`), `"sms"` or `"text"` (`sms:{number}`). | boolean or string | No | Android/IOS | Yes |
-| renderLink | Override default link rendering behavior. Signature: `(text: string, match: Match, index: number) => React.ReactNode`. | function | No | Android/IOS | Yes |
-| renderText | Override default text rendering behavior. Signature: `(text: string, index: number) => React.ReactNode`. | function | No | Android/IOS | Yes |
-| showAlert | Whether to display an alert before leaving the app (for privacy or accidental clicks). | boolean | No | Android/IOS | Yes |
-| stripPrefix | Whether to strip protocol from URL link text (e.g. `https://github.com` -> `github.com`). | boolean | No | Android/IOS | Yes |
-| stripTrailingSlash | Whether to strip trailing slashes from URL link text (e.g. `github.com/` -> `github.com`). | boolean | No | Android/IOS | Yes |
-| text | The string to parse for links. | string | Yes | Android/IOS | Yes |
-| textProps | Attributes applied to non-link Text components. | TextProps | No | Android/IOS | Yes |
-| truncate | Maximum length of URL link text. Possible values: `0` (disabled), `1+` (maximum length). | number | No | Android/IOS | Yes |
-| truncateChars | Characters to replace truncated URL link text segments with (e.g. `github.com/../repo`) | string | No | Android/IOS | Yes |
-| truncateLocation | Override truncation location. Possible values: `"smart"`, `"end"`, `"middle"`. | string | No | Android/IOS | Yes |
-| url | Whether to link URLs. Possible values: `false` (disabled), `true`, `UrlConfig` (see below). | boolean or object | No | Android/IOS | Yes |
-| useNativeSchemes | Whether to use native app schemes (e.g. `twitter://`) rather than web URLs when linking to services for hashtag and mention links. | boolean | No | Android/IOS | Yes |
+| component | 覆盖用作输出容器的组件。 | React.ComponentType | No | Android/IOS | Yes |
+| email | 是否链接电子邮件(mailto:{email})。 | boolean | No | Android/IOS | Yes |
+| hashtag | 是否将标签链接至提供的服务。可能值:false(禁用)、"facebook"、"instagram"、"twitter"。 | boolean or string | No | Android/IOS | Yes |
+| linkProps | 应用于链接文本组件的属性。 | TextProps | No | Android/IOS | Yes |
+| linkStyle | 应用于链接文本组件的样式。注:如果提供的样式为 [`linkProps`](https://github.com/joshswan/react-native-autolink#linkprops). | TextStyle | No | Android/IOS | Yes |
+| matchers | 自定义匹配器对象数组,具有可选的新闻处理程序、样式和文本/url提取。 | CustomMatcher[] | No | Android/IOS | Yes |
+| mention | 是否将提及/处理链接到提供的服务。可能的值:false(禁用)、“instagram”、“soundcloud”、“twitter”。 | boolean or string | No | Android/IOS | Yes |
+| onPress | 覆盖默认链接按压行为。签名:(url:string,match:match)=>无效。 | function | No | Android/IOS | Yes |
+| onLongPress | 处理链接长按事件。签名:(url:string,match:match)=>void。 | function | No | Android/IOS | Yes |
+| phone | 是否链接电话号码。可能的值: `false` (disabled), `true` (`tel:{number}`), `"sms"` or `"text"` (`sms:{number}`). | boolean or string | No | Android/IOS | Yes |
+| renderLink | 覆盖默认链接渲染行为。签名: `(text: string, match: Match, index: number) => React.ReactNode`. | function | No | Android/IOS | Yes |
+| renderText | 覆盖默认文本呈现行为。签名: `(text: string, index: number) => React.ReactNode`. | function | No | Android/IOS | Yes |
+| showAlert | 是否在离开应用程序之前显示警报(出于隐私或意外点击)。 | boolean | No | Android/IOS | Yes |
+| stripPrefix | 是否从URL链接文本中删除协议 (e.g. `https://github.com` -> `github.com`). | boolean | No | Android/IOS | Yes |
+| stripTrailingSlash | 是否从URL链接文本中删除尾随斜线 (e.g. `github.com/` -> `github.com`). | boolean | No | Android/IOS | Yes |
+| text | 要解析链接的字符串。 | string | Yes | Android/IOS | Yes |
+| textProps | 应用于非链接文本组件的属性。 | TextProps | No | Android/IOS | Yes |
+| truncate | URL链接文本的最大长度。可能的值:0(禁用),1+(最大长度)。 | number | No | Android/IOS | Yes |
+| truncateChars | 用字符替换截断的URL链接文本段 (e.g. `github.com/../repo`) | string | No | Android/IOS | Yes |
+| truncateLocation | 覆盖截断位置。可能值: `"smart"`, `"end"`, `"middle"`. | string | No | Android/IOS | Yes |
+| url | 是否链接URL。可能的值:false(禁用)、true、UrlConfig(见下文)。 | boolean or object | No | Android/IOS | Yes |
+| useNativeSchemes | 在链接到标签和提及链接的服务时,是否使用本地应用程序方案(例如twitter://)而不是web URL。 | boolean | No | Android/IOS | Yes |
## 遗留问题
diff --git a/zh-cn/react-native-better-banner.md b/zh-cn/react-native-better-banner.md
index f07b19a88ca5423d13ffba9b0a2cbc8d03c93ab2..48efad968eddc05e25f939f5453f4f4f53d049b7 100644
--- a/zh-cn/react-native-better-banner.md
+++ b/zh-cn/react-native-better-banner.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.2.2
+> 模板版本:v0.3.0
react-native-better-banner
@@ -16,23 +16,32 @@
## 安装与使用
-请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+| version | Package Name |Repository | Release | RN version |
+| ---------- | ------------------------------------------------------------ | -------|--------|---------- |
+| 1.1.3 | @react-native-oh-tpl/react-native-better-banner | [Github](https://github.com/react-native-oh-library/better-banner) | [Github Releases](https://github.com/react-native-oh-library/better-banner/releases)|0.72 |
+| 1.2.0 | @react-native-ohos/react-native-better-banner | [Github](https://github.com/react-native-oh-library/better-banner) | [Github Releases](https://github.com/react-native-oh-library/better-banner/releases)| 0.77 |
进入到工程目录并输入以下命令:
-
-
#### **npm**
```bash
+#0.72
npm install @react-native-oh-tpl/react-native-better-banner
+
+#0.77
+npm install @react-native-ohos/react-native-better-banner
```
#### **yarn**
```bash
+#0.72
yarn add @react-native-oh-tpl/react-native-better-banner
+
+#0.77
+yarn add @react-native-ohos/react-native-better-banner
```
@@ -112,8 +121,16 @@ export default App;
要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。
+ 三方库版本 | 发布信息 | 支持RN版本 |
+| ---------- | ------------------------------------------------------------ | ---------- |
+| 1.1.3 | [@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/react-native-better-banner/releases) | 0.72 |
+| 1.2.0 | [@react-native-ohos/react-native-better-banner]() | 0.77 |
+
请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/react-native-better-banner Releases](https://github.com/react-native-oh-library/better-banner/releases)
+1. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+2. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
+
## 属性
> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
diff --git a/zh-cn/react-native-easy-toast.md b/zh-cn/react-native-easy-toast.md
index fd5d2b99fa750d0248c071f89b50a901cedfe740..7db546197110c9e7082ebd19c057606d2dd612e2 100644
--- a/zh-cn/react-native-easy-toast.md
+++ b/zh-cn/react-native-easy-toast.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.2.0
+> 模板版本:v0.3.0
react-native-easy-toast
@@ -18,9 +18,11 @@
## 安装与使用
-进入到工程目录并输入以下命令:
+| 三方库版本 | 支持RN版本 |
+| ---------- | ---------- |
+| 2.3.0 | 0.72/0.77 |
-
+进入到工程目录并输入以下命令:
#### **npm**
@@ -75,6 +77,8 @@ export default class App extends Component {
1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2(B.0.73); IDE:DevEco Studio 5.0.3.200; ROM:2.0.0.58;
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.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+4. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## 属性
@@ -87,13 +91,13 @@ export default class App extends Component {
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| style | Custom style toast | View.propTypes.style | no | All | yes |
-| position | Custom toast position | PropTypes.oneOf(['top','center','bottom',]) | no | All | yes |
-| positionValue | Custom toast position value | React.PropTypes.number | no | All | yes |
-| fadeInDuration | Custom toast show duration | React.PropTypes.number | no | All | yes |
-| fadeOutDuration | Custom toast close duration | React.PropTypes.number | no | All | yes |
-| opacity | Custom toast opacity | React.PropTypes.number | no | All | yes |
-| textStyle | Custom style text | View.propTypes.style | no | All | yes |
+| style | 定制样式提示框 | View.propTypes.style | no | All | yes |
+| position | 自定义提示框位置 | PropTypes.oneOf(['top','center','bottom',]) | no | All | yes |
+| positionValue | 自定义提示框位置数值 | React.PropTypes.number | no | All | yes |
+| fadeInDuration | 自定义提示框显示时长 | React.PropTypes.number | no | All | yes |
+| fadeOutDuration | 自定义提示框关闭时长 | React.PropTypes.number | no | All | yes |
+| opacity | 自定义提示框透明度 | React.PropTypes.number | no | All | yes |
+| textStyle | 自定义文本样式 | View.propTypes.style | no | All | yes |
## 静态方法
@@ -103,8 +107,8 @@ export default class App extends Component {
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| show | show a toast,unit is millisecond,and do callback | (text: string, duration: number, callback: function, onPress: function) | no | All | yes |
-| close | start the close timer | - | no | All | yes |
+| show | 显示一个提示框(单位:毫秒),并执行回调函数 | (text: string, duration: number, callback: function, onPress: function) | no | All | yes |
+| close | 启动关闭定时器 | - | no | All | yes |
## 遗留问题
diff --git a/zh-cn/react-native-fit-Image.md b/zh-cn/react-native-fit-Image.md
index 1a039e83a35bba1a3a4c63eb7894e645e61b2e02..9d6f229c2e03f124fa94d68dd2fef7fa21ae41e5 100644
--- a/zh-cn/react-native-fit-Image.md
+++ b/zh-cn/react-native-fit-Image.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.2.2
+> 模板版本:v0.3.0
react-native-fit-image
@@ -19,9 +19,11 @@
## 安装与使用
-进入到工程目录并输入以下命令:
+| 三方库版本 | 支持RN版本 |
+| ---------- | ---------- |
+| 1.5.5 | 0.72/0.77 |
-
+进入到工程目录并输入以下命令:
#### **npm**
@@ -284,22 +286,24 @@ export default FitImageDemo;
### 兼容性
-在以下版本验证通过
+在以下版本验证通过:
-1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:3.0.0.21;
-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;
+1. RNOH: 0.72.20; SDK: HarmonyOS NEXT Developer Preview2; IDE: DevEco Studio 5.0.3.200; ROM: 3.0.0.21;
+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.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+4. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## 属性
[!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性;no 则表示不支持;partially 表示部分支持。使用方法跨平台一致,效果对标 iOS 或 Android 的效果。
-| Name | Description | Type | Required | Platform | HarmonyOS Support | Remark |
-| ------------------ |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| ------------- | -------- | ----------------------------- | ----------------- | ------------------------------------------------------------ |
-| `style` | 图片宽(width)高(height),边框等样式 | object | yes | Android IOS | YES | 在不加orginalWidth与orginalHeight属性时,style里面必须设置宽width,高height才能把图片加载出来 |
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+| ------------------ |-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------| ------------- | -------- | ----------------------------- | ----------------- |
+| `style` | 图片宽(width)高(height),边框等样式 | object | yes | Android IOS | YES |
| `source` | 图片文件源: 本地图片 source={require('./assets/expo.png')};
网络图片 source={{uri:"xxx"}} | string | yes | Android IOS | YES | |
| `width` | 图片style中属性 | number | yes | Android IOS | YES | |
| `height` | 图片style中属性 | number | yes | Android IOS | YES | |
-| `borderRadius` | 图片样式(圆角) | number | No | Android IOS HarmonyOS都不支持 | NO | 此属性在HarmonyOS,Android ,IOS均不生效;[issues](https://github.com/huiseoul/react-native-fit-image/issues/111) |
+| `borderRadius` | 图片样式(圆角) | number | No | Android IOS HarmonyOS都不支持 | NO |
| `indicator` | 加载器值为true/false (默认true) | boolean | No | Android IOS | YES | |
| `indicatorColor` | 加载器颜色 | string | No | Android IOS | YES | |
| `indicatorSize` | 加载器大小 值:`large` `small` number(例: indicatorSize={20} ) | string/number | No | Android IOS | YES | |
@@ -308,9 +312,9 @@ export default FitImageDemo;
| onLoad | 图片加载成功回调 | Function | No | Android IOS | YES | |
| resolveAssetSource | 获取本地图片宽高 用法:const img1 = require('./assets/expo.png') let res = Image.resolveAssetSource(img1) | Function | No | Android IOS | YES | |
| getSize | 获取网络图片尺寸:Image.getSize(uri,(width,height)=>{},(fail)=>{}) | Function | No | Android IOS | YES | |
-| onError | 获取图片资源出错 | Function | No | Android IOS HarmonyOS都不支持 | NO | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76);在原库中作者已经说明Some props are not working |
-| onLoadStart | 资源刚加载时候 | Function | NO | Android IOS HarmonyOS都不支持 | NO | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76);在原库中作者已经说明Some props are not working |
-| onLayout | 资源改变尺寸或者加载时 | Function | NO | Android IOS HarmonyOS都不支持 | NO | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76);在原库中作者已经说明Some props are not working |
+| onError | 获取图片资源出错 | Function | No | Android IOS HarmonyOS都不支持 | NO |
+| onLoadStart | 资源刚加载时候 | Function | NO | Android IOS HarmonyOS都不支持 | NO |
+| onLayout | 资源改变尺寸或者加载时 | Function | NO | Android IOS HarmonyOS都不支持 | NO |
| orginalWidth | 图片原始宽度 | number | NO | Android IOS | YES | |
| orginalHeight | 图片原始高度 | number | NO | Android IOS | YES | |
@@ -318,6 +322,10 @@ export default FitImageDemo;
- [ ] 在react-native-fit-image三方库中`onError`.`onLoadStart`.`onLayout`回调方法,在原库文档(react-native-fit-image)作者已说明并没有适配(Some props are not working),有待开发:[issues](https://github.com/huiseoul/react-native-fit-image/issues/76)
- [ ] `borderRadius`图片圆角属性,在 HarmonyOS ,ios,安卓均不支持,官方文档互动有提到borderRadius不生效:[issues](https://github.com/huiseoul/react-native-fit-image/issues/111)
+- [ ] `style`图片宽高属性,在不加orginalWidth与orginalHeight属性时,style里面必须设置宽width,高height才能把图片加载出来
+- [ ] `onError`获取图片资源出错,在原库中作者已经说明Some props are not working:[issues](https://github.com/huiseoul/react-native-fit-image/issues/76)
+- [ ] `onLoadStart`资源刚加载时候,在原库中作者已经说明Some props are not working:[issues](https://github.com/huiseoul/react-native-fit-image/issues/76)
+- [ ] `onLayout`资源刚加载时候,在原库中作者已经说明Some props are not working:[issues](https://github.com/huiseoul/react-native-fit-image/issues/76)
## 其他
diff --git a/zh-cn/react-native-flexi-radio-button.md b/zh-cn/react-native-flexi-radio-button.md
index 00c78972257a7dc007c3ffefff4b57a3e86bf5c8..e15dcc7602e696f20ba49fe5117d18b09b4a2c7b 100644
--- a/zh-cn/react-native-flexi-radio-button.md
+++ b/zh-cn/react-native-flexi-radio-button.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.2.2
+> 模板版本:v0.3.0
react-native-flexi-radio-button
@@ -16,16 +16,18 @@
> [!TIP] [Github 地址](https://github.com/thegamenicorus/react-native-flexi-radio-button)
## 安装与使用
-
+
+| 三方库版本 | 支持RN版本 |
+| ---------- | ---------- |
+| 0.2.2 | 0.72/0.77 |
#### **npm**
```bash
-npm i react-native-flexi-radio-button@0.2.2
+npm install react-native-flexi-radio-button@0.2.2
```
#### **yarn**
-
```bash
yarn add react-native-flexi-radio-button@0.2.2
```
@@ -138,9 +140,10 @@ modify in render()
本文档内容基于以下版本验证通过:
-react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
-
-react-native-harmony: 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;
+1. RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
+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.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+4. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## 属性
diff --git a/zh-cn/react-native-image-pan-zoom.md b/zh-cn/react-native-image-pan-zoom.md
index 9da54f9edb713f32331dd2db39069b5cf6da0dca..58c35f8b5f4c14159dbe8d4e88e2f2eae5df9640 100644
--- a/zh-cn/react-native-image-pan-zoom.md
+++ b/zh-cn/react-native-image-pan-zoom.md
@@ -1,4 +1,4 @@
-模板版本:v0.2.2
+模板版本:v0.3.0
react-native-image-pan-zoom
@@ -18,10 +18,11 @@
请到三方库的 Releases 发布地址查看配套的版本信息:
-| 三方库版本 | 发布信息 | 支持RN版本 |
-| ---------- | ------------------------------------------------------------ | ---------- |
-| 2.1.12 | [@react-native-oh-tpl/react-native-image-pan-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases) | 0.72 |
-| 2.1.13 | [@react-native-ohos/react-native-image-pan-zoom Releases]() | 0.77 |
+| Version | Package Name | Repository | Release | RN version |
+| ------------------------- | --------------------------------------------- | ----------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ---------- |
+| 2.1.12 | @react-native-ohos/react-native-image-pan-zoom | [Github](https://github.com/react-native-oh-library/react-native-image-zoom) | [Github Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases) | 0.72 |
+| 2.2.0 | @react-native-ohos/react-native-image-pan-zoom | [Github](https://github.com/react-native-oh-library/react-native-image-zoom) | [Github Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases) | 0.77 |
+
对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
@@ -32,19 +33,19 @@
#### **npm**
```bash
-#2.1.12
+#0.72
npm install @react-native-oh-tpl/react-native-image-pan-zoom
-#2.1.13
+#0.77
npm install @react-native-ohos/react-native-image-pan-zoom
```
#### **yarn**
```bash
-#2.1.12
+#0.72
yarn add @react-native-oh-tpl/react-native-image-pan-zoom
-#2.1.13
+#0.77
yarn add @react-native-ohos/react-native-image-pan-zoom
```
@@ -99,14 +100,10 @@ export default function () {
### 兼容性
-要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:
+在以下版本验证通过
-| 三方库版本 | 发布信息 | 支持RN版本 |
-| ---------- | ------------------------------------------------------------ | ---------- |
-| 2.1.12 | [@react-native-oh-tpl/react-native-image-pan-zoom Releases](https://github.com/react-native-oh-library/react-native-image-zoom/releases) | 0.72 |
-| 2.1.13 | [@react-native-ohos/react-native-image-pan-zoom Releases]() | 0.77 |
+1. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+2. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## 属性
@@ -120,43 +117,43 @@ ImageZoom
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ---- | ------------------ | ----------------------- | -------- | -------- | ----------------- |
-| **cropWidth** | operating area width | number | YES | ALL | YES |
-| **cropHeight** | operating area height | number | YES | ALL | YES |
-| **imageWidth** | picture width | number | YES | ALL | YES
-| **imageHeight** | picture height | number | YES | ALL | YES |
-| `onClick` | onClick | (eventParams: [IOnClick](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts))=>void | NO | ALL | YES |
-| `onDoubleClick` | onDoubleClick | (eventParams: IOnClick)=>void | NO | ALL | YES |
-| `panToMove` | allow to move picture with one finger | boolean | NO | ALL | YES |
-| `pinchToZoom` | allow scale with two fingers | boolean | NO | ALL | YES |
-| `enableDoubleClickZoom` | allow double-click to enlarge | boolean | NO | ALL | YES |
-| `clickDistance` | how many finger movement can also trigger `onClick` | number | NO | ALL | YES |
-| `horizontalOuterRangeOffset` | horizontal beyond the distance, the parent to do picture switching, you can listen to this function. When this function is triggered, you can do the switch operation | (offsetX?: number)=>void | NO | ALL | YES |
-| `onDragLeft` | trigger to switch to the left of the graph, the left sliding speed exceeds the threshold when triggered | ()=>void | NO | \ | NO |
-| `responderRelease` | let go but do not cancel | (vx: number)=>void | NO | ALL | YES |
-| `maxOverflow` | maximum sliding threshold | number | NO | ALL | YES |
-| `longPressTime` | long press threshold | number | NO | ALL | YES |
-| `onLongPress` | on longPress | (eventParams: [IOnClick](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts))=>void | NO | ALL | YES |
-| `doubleClickInterval ` | time allocated for second click to be considered as doublClick event | number | NO | ALL | YES |
-| `onMove` | reports movement position data (helpful to build overlays) | ( position: [IOnMove](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts) )=>void | NO | ALL | YES |
-| `centerOn` | if given this will cause the map to pan and zoom to the desired location | { x: number, y: number, scale: number, duration: number } | NO | ALL | YES |
-| `enableSwipeDown` | for enabling vertical movement if user doesn't want it | boolean | NO | ALL | YES |
-| `enableCenterFocus` | for disabling focus on image center if user doesn't want it | boolean | NO | ALL | YES |
-| `onSwipeDown` | function that fires when user swipes down | () => void | NO | ALL | YES |
-| `swipeDownThreshold` | threshold for firing swipe down function | number | NO | ALL | YES |
-| `minScale` | minimum zoom scale | number | NO | ALL | YES |
-| `maxScale` | maximum zoom scale | number | NO | ALL | YES |
-| `useNativeDriver` | Whether to animate using [`useNativeDriver`](https://reactnative.dev/docs/animations#using-the-native-driver) | boolean | NO | ALL | YES |
-| `onStartShouldSetPanResponder` | Override onStartShouldSetPanResponder behavior | () => boolean | NO | ALL | YES |
-| `onMoveShouldSetPanResponder` | Override onMoveShouldSetPanResponder behavior | () => boolean | NO | ALL | YES |
-| `onPanResponderTerminationRequest` | Override onPanResponderTerminationRequest behavior | () => boolean | NO | ALL | YES |
-| `useHardwareTextureAndroid` | for disabling rendering to hardware texture on Android | boolean | NO | Android | NO |
+| **cropWidth** | 操作区域宽度 | number | YES | ALL | YES |
+| **cropHeight** | 操作区域高度 | number | YES | ALL | YES |
+| **imageWidth** | 图片宽度 | number | YES | ALL | YES
+| **imageHeight** | 图片高度 | number | YES | ALL | YES |
+| `onClick` | 点击事件 | (eventParams: [IOnClick](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts))=>void | NO | ALL | YES |
+| `onDoubleClick` | 双击事件 | (eventParams: IOnClick)=>void | NO | ALL | YES |
+| `panToMove` | 支持单指移动图片 | boolean | NO | ALL | YES |
+| `pinchToZoom` | 支持双指缩放 | boolean | NO | ALL | YES |
+| `enableDoubleClickZoom` | 支持双击放大 | boolean | NO | ALL | YES |
+| `clickDistance` | 多少指移动仍可触发 onClick 事件 | number | NO | ALL | YES |
+| `horizontalOuterRangeOffset` | 当水平滑动距离超出阈值时,将触发父组件的图片切换功能。您可监听此函数,待触发时执行切换操作。 | (offsetX?: number)=>void | NO | ALL | YES |
+| `onDragLeft` | 当左滑速度超过阈值时,触发图表向左切换功能 | ()=>void | NO | \ | NO |
+| `responderRelease` | 释放未取消 | (vx: number)=>void | NO | ALL | YES |
+| `maxOverflow` | 最大滑动阈值 | number | NO | ALL | YES |
+| `longPressTime` | 长按阈值 | number | NO | ALL | YES |
+| `onLongPress` | 长按事件处理函数 | (eventParams: [IOnClick](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts))=>void | NO | ALL | YES |
+| `doubleClickInterval ` | 判断为双击事件的二次点击时间容限 | number | NO | ALL | YES |
+| `onMove` | 上报移动位置数据(可用于构建叠加层) | ( position: [IOnMove](https://github.com/ascoders/react-native-image-zoom/blob/master/src/image-zoom/image-zoom.type.ts) )=>void | NO | ALL | YES |
+| `centerOn` | 若提供此参数,地图将自动平移缩放至指定位置 | { x: number, y: number, scale: number, duration: number } | NO | ALL | YES |
+| `enableSwipeDown` | 用于在用户无需时启用垂直移动功能 | boolean | NO | ALL | YES |
+| `enableCenterFocus` | 用于在用户无需时禁用图像居中聚焦功能 | boolean | NO | ALL | YES |
+| `onSwipeDown` | 用户下滑时触发的回调函数 | () => void | NO | ALL | YES |
+| `swipeDownThreshold` | 触发下滑功能的阈值 | number | NO | ALL | YES |
+| `minScale` | 最小缩放比例 | number | NO | ALL | YES |
+| `maxScale` | 最大缩放比例 | number | NO | ALL | YES |
+| `useNativeDriver` | 是否使用 [`useNativeDriver`](https://reactnative.dev/docs/animations#using-the-native-driver) | boolean | NO | ALL | YES |
+| `onStartShouldSetPanResponder` | 重写 onStartShouldSetPanResponder 行为 | () => boolean | NO | ALL | YES |
+| `onMoveShouldSetPanResponder` | 重写 onMoveShouldSetPanResponder 行为 | () => boolean | NO | ALL | YES |
+| `onPanResponderTerminationRequest` | 重写 onPanResponderTerminationRequest 行为 | () => boolean | NO | ALL | YES |
+| `useHardwareTextureAndroid` | 用于禁用Android硬件纹理渲染 | boolean | NO | Android | NO |
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| --------- | ---------------------------------------------- | ------ | -------- | ----------- | ----------------- |
-| reset | Reset the position and the scale of the image | () => void | NO | iOS/Android | YES |
-| resetScale | Reset the scale of the image | () => void | NO | iOS/Android | YES |
-| centerOn | Centers the image in the position indicated. ICenterOn={ x: number, y: number, scale: number, duration: number } | ICenterOn | NO | iOS/Android | YES |
+| reset | 重置图片位置与缩放比例 | () => void | NO | iOS/Android | YES |
+| resetScale | 重置图片缩放比例 | () => void | NO | iOS/Android | YES |
+| centerOn | 将图像居中定位至指定坐标。ICenterOn={ x: 数值, y: 数值, 缩放比例: 数值, 持续时间: 数值 } | ICenterOn | NO | iOS/Android | YES |
diff --git a/zh-cn/react-native-map-linking.md b/zh-cn/react-native-map-linking.md
index 7f219b8899960e632a21da28ab02e6121b8f9d4c..f08045728ec20fbf70c7a22126f2ea924caa023f 100644
--- a/zh-cn/react-native-map-linking.md
+++ b/zh-cn/react-native-map-linking.md
@@ -6,28 +6,35 @@
本项目基于 [react-native-map-linking@1.0.1](https://github.com/starlight36/react-native-map-linking) 开发。
-该第三方库的仓库已迁移至 Gitee,且支持直接从 npm 下载,新的包名为:`@react-native-ohos/react-native-map-linking`,具体版本所属关系如下:
+该第三方库的仓库已迁移至 GitCode,且支持直接从 npm 下载,新的包名为:`@react-native-ohos/react-native-map-linking`,具体版本所属关系如下:
+
+| Version | Package Name | Repository | Release | RN version |
+| ------------------------- | --------------------------------------------- | ----------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ---------- |
+| 1.0.4 | @react-native-ohos/react-native-map-linking | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking/releases) | 0.72 |
+| 1.1.0 | @react-native-ohos/react-native-map-linking | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking/releases) | 0.77 |
-| Version | Package Name | Repository | Release |
-| ------------------------- | --------------------------------------------- | ----------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- |
-| <= 1.0.1-0.0.1@deprecated | @react-native-oh-tpl/react-native-map-linking | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-map-linking) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-map-linking/releases) |
-| > 1.0.1 | @react-native-ohos/react-native-map-linking | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking/releases) |
## 1. 安装与使用
进入到工程目录并输入以下命令:
-
-
#### **npm**
```bash
+#1.0.4
+npm install @react-native-ohos/react-native-map-linking
+
+#1.1.0
npm install @react-native-ohos/react-native-map-linking
```
#### **yarn**
```bash
+#1.0.4
+yarn add @react-native-ohos/react-native-map-linking
+
+#1.1.0
yarn add @react-native-ohos/react-native-map-linking
```
@@ -135,7 +142,16 @@ export default MapLinkingDemo;
### 2.2 兼容性
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-ohos/react-native-map-linking Releases](https://gitee.com/openharmony-sig/rntpc_react-native-map-linking/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:
+| Version | Package Name | Repository | Release | RN version |
+| ------------------------- | --------------------------------------------- | ----------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ---------- |
+| 1.0.4 | @react-native-ohos/react-native-map-linking | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking/releases) | 0.72 |
+| 1.1.0 | @react-native-ohos/react-native-map-linking | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-map-linking/releases) | 0.77 |
+
+在以下版本验证通过:
+
+1. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+2. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## 3. APIs
diff --git a/zh-cn/react-native-markdown-display.md b/zh-cn/react-native-markdown-display.md
index 4a0475c88a1e4bee886019e672cd44216d68de5a..4831752f6366684e55a2f20b289f682b01639af9 100644
--- a/zh-cn/react-native-markdown-display.md
+++ b/zh-cn/react-native-markdown-display.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.2.2
+> 模板版本:v0.3.0
react-native-markdown-display
@@ -18,6 +18,11 @@
请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-markdown-display Releases](https://github.com/react-native-oh-library/react-native-markdown-display/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+| version | Package Name |Repository | Release | RN version |
+| ---------- | ------------------------------------------------------------ | -------|--------|---------- |
+| 7.0.1 | @react-native-oh-tpl/react-native-markdown-display | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-markdown-display) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-markdown-display/releases)|0.72 |
+| 7.1.0 | @react-native-ohos/react-native-markdown-display |[Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-markdown-display) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-markdown-display/releases)| 0.77 |
+
进入到工程目录并输入以下命令:
@@ -25,13 +30,21 @@
#### **npm**
```bash
+#0.72
npm install @react-native-oh-tpl/react-native-markdown-display
+
+#0.77
+npm install @react-native-ohos/react-native-markdown-display
```
#### **yarn**
```bash
+#0.72
yarn add @react-native-oh-tpl/react-native-markdown-display
+
+#0.77
+yarn add @react-native-ohos/react-native-markdown-display
```
@@ -80,8 +93,9 @@ export default App;
在以下版本验证通过
-- RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:204.1.0.59;
-- RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Beta1; IDE:DevEco Studio 5.0.3.200; ROM:3.0.0.18;
+1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:204.1.0.59;
+2. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Beta1; IDE:DevEco Studio 5.0.3.200; ROM:3.0.0.18;
+3. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112
## 属性
@@ -97,18 +111,18 @@ export default App;
| Name | Description | Default | Required | Platform | HarmonyOS Support |
| ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| `children` | The markdown string to render, or the [pre-processed tree](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig#pre-processing) | N/A | Yes | All | yes |
-| `style` | An object to override the styling for the various rules, [see style section below](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig#rules-and-styles) for more info | [source](https://github.com/react-native-oh-library/react-native-markdown-display/blob/7.0.2-0.0.1/src/lib/styles.js) | No | All | yes |
-| `mergeStyle` | If true, when a style is supplied, the individual items are merged with the default styles instead of overwriting them | `true` | No | All | yes |
-| `rules` | An object of rules that specify how to render each markdown item, [see rules section below](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig#rules) for more info | [source](https://github.com/react-native-oh-library/react-native-markdown-display/blob/7.0.2-0.0.1/src/lib/renderRules.js) | No | All | yes |
-| `onLinkPress` | A handler function to change click behaviour, [see handling links section below](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig#handling-links) for more info | `import { Linking } from 'react-native';` and `Linking.openURL(url);` | No | All | yes |
-| `debugPrintTree` | Will print the AST tree to the console to help you see what the markdown is being translated to | `false` | No | All | yes |
-| `renderer` | Used to specify a custom renderer, you can not use the rules or styles props with a custom renderer. | `instanceOf(AstRenderer)` | No | All | yes |
-| `markdownit` | A custom markdownit instance with your configuration, default is `MarkdownIt({typographer: true})` | `instanceOf(MarkdownIt)` | No | All | yes |
-| `maxTopLevelChildren` | If defined as a number will only render out first `n` many top level children, then will try to render out `topLevelMaxExceededItem` | `null` | No | All | yes |
-| `topLevelMaxExceededItem` | Will render when `maxTopLevelChildren` is hit. Make sure to give it a key! | `...` | No | All | yes |
-| `allowedImageHandlers` | Any image that does not start with one of these will have the `defaultImageHandler` value prepended to it (unless `defaultImageHandler` is null in which case it won't try to render anything) | `['data:image/png;base64', 'data:image/gif;base64', 'data:image/jpeg;base64', 'https://', 'http://']` | No | All | yes |
-| `defaultImageHandler` | Will be prepended to an image url if it does not start with something in the `allowedImageHandlers` array, if this is set to null, it won't try to recover but will just not render anything instead. | `http://` | No | All | yes |
+| `children` | 要渲染的 Markdown 字符串,或 [pre-processed tree](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig#pre-processing) | N/A | Yes | All | yes |
+| `style` | 用于覆盖各类规则样式的配置对象,如需更多信息,请点击 [see style section below](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig#rules-and-styles) | [source](https://github.com/react-native-oh-library/react-native-markdown-display/blob/7.0.2-0.0.1/src/lib/styles.js) | No | All | yes |
+| `mergeStyle` | 若此项为 true,当传入样式参数时,各独立样式项将与默认样式进行合并而非完全覆盖 them | `true` | No | All | yes |
+| `rules` | 用于定义各 Markdown 元素渲染规则的配置对象,如需更多信息,请看 [see rules section below](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig#rules) | [source](https://github.com/react-native-oh-library/react-native-markdown-display/blob/7.0.2-0.0.1/src/lib/renderRules.js) | No | All | yes |
+| `onLinkPress` |用于改变点击行为的处理函数,如需更多信息,请看 [see handling links section below](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig#handling-links) | `import { Linking } from 'react-native';` and `Linking.openURL(url);` | No | All | yes |
+| `debugPrintTree` | 该功能将在控制台输出 AST 语法树,帮助您查看 Markdown 文档的转换结果。to | `false` | No | All | yes |
+| `renderer` | 当使用自定义渲染器时,将无法同时启用 rules 或 styles 属性配置 。 | `instanceOf(AstRenderer)` | No | All | yes |
+| `markdownit` | 可传入自定义配置的 markdownit 实例,默认值为 MarkdownIt({typographer: true})。` | `instanceOf(MarkdownIt)` | No | All | yes |
+| `maxTopLevelChildren` | 若设置为数值,则仅渲染前 n 个顶层子元素,随后将尝试渲染 topLevelMaxExceededItem 组件。`topLevelMaxExceededItem` | `null` | No | All | yes |
+| `topLevelMaxExceededItem` | 当达到 maxTopLevelChildren 限制时将渲染此组件,请务必为其设置 key 属性! | `...` | No | All | yes |
+| `allowedImageHandlers` | 对于未以指定前缀开头的图片链接,系统将自动前置 defaultImageHandler 值(若该值为 null 则放弃渲染)。 | `['data:image/png;base64', 'data:image/gif;base64', 'data:image/jpeg;base64', 'https://', 'http://']` | No | All | yes |
+| `defaultImageHandler` | 若图片 URL 未以 allowedImageHandlers 数组中的前缀开头,系统将自动前置此默认值;若该值设为 null,则不会尝试修复而直接放弃渲染。 | `http://` | No | All | yes |
## 遗留问题
diff --git a/zh-cn/react-native-material-ripple.md b/zh-cn/react-native-material-ripple.md
index 135c4ee3561f5d259db60c5d0fb1c877441c7a26..ab6ac6954d7cc2b57955dc5e5b1d514d8c4d9f0d 100644
--- a/zh-cn/react-native-material-ripple.md
+++ b/zh-cn/react-native-material-ripple.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.2.2
+> 模板版本:v0.3.0
react-native-material-ripple
@@ -16,6 +16,10 @@
## 安装与使用
+| 三方库版本 | 支持RN版本 |
+| ---------- | ---------- |
+| 0.9.1 | 0.72/0.77 |
+
进入到工程目录并输入以下命令:
@@ -26,7 +30,6 @@ npm install react-native-material-ripple@0.9.1
```
#### **yarn**
-
```bash
yarn add react-native-material-ripple@0.9.1
```
@@ -134,6 +137,8 @@ export const MateriaRippleExample = () => {
1. RNOH:0.72.27; SDK:HarmonyOS NEXT Developer Beta1 5.0.0.25; IDE:DevEco Studio 5.0.3.400; ROM:3.0.0.25
2. RNOH:0.72.28; SDK:HarmonyOS NEXT Developer Beta3 5.0.0.36; IDE:DevEco Studio 5.0.3.535; ROM:5.0.0.36
3. 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;
+4. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+5. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## 属性
@@ -143,20 +148,20 @@ export const MateriaRippleExample = () => {
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ----------------------------- | ----------------------------------------------- | -------- | -------- | ----------- | ----------------- |
-| `rippleColor` | Ripple color(default:rgb(0, 0, 0)) | String | no | iOS/Android | yes |
-| `rippleOpacity` | Ripple opacity(default:0.3) | Number | no | iOS/Android | yes |
-| `rippleDuration` | Ripple duration in ms(default:400) | Number | no | iOS/Android | yes |
-| `rippleSize` | Ripple size restriction(default:0) | Number | no | iOS/Android | yes |
-| `rippleContainerBorderRadius` | Ripple container border radius (default:0) | Number | no | iOS/Android | yes |
-| `rippleCentered` | Ripple always starts from center(default:false) | Boolean | no | iOS/Android | yes |
-| `rippleSequential` | Ripple should start in sequence(default:false) | Boolean | no | iOS/Android | yes |
-| `rippleFades` | Ripple fades out(default:true) | Boolean | no | iOS/Android | yes |
-| `disabled` | Ripple should ignore touches(default:false) | Boolean | no | iOS/Android | yes |
-| `onPressIn` | Touch moved in or started callback | Function | no | iOS/Android | yes |
-| `onPressOut` | Touch moved out or terminated callback | Function | no | iOS/Android | yes |
-| `onPress` | Touch up inside bounds callback | Function | no | iOS/Android | yes |
-| `onLongPress` | Touch delayed after onPressIn callback | Function | no | iOS/Android | yes |
-| `onRippleAnimation` | Animation start callback | Function | no | iOS/Android | yes |
+| `rippleColor` | 波纹颜色(default:rgb(0, 0, 0)) | String | no | iOS/Android | yes |
+| `rippleOpacity` | 波纹透明度(default:0.3) | Number | no | iOS/Android | yes |
+| `rippleDuration` | 波纹持续时间(毫秒)(default:400) | Number | no | iOS/Android | yes |
+| `rippleSize` | 波纹大小限制(default:0) | Number | no | iOS/Android | yes |
+| `rippleContainerBorderRadius` | 波纹容器边框圆角 (default:0) | Number | no | iOS/Android | yes |
+| `rippleCentered` | 波纹总是从中心开始(default:false) | Boolean | no | iOS/Android | yes |
+| `rippleSequential` | 波纹效果应按顺序触发(default:false) | Boolean | no | iOS/Android | yes |
+| `rippleFades` | 波纹淡出(default:true) | Boolean | no | iOS/Android | yes |
+| `disabled` | 波纹应忽略触摸(default:false) | Boolean | no | iOS/Android | yes |
+| `onPressIn` | 触摸移动进入或开始回调 | Function | no | iOS/Android | yes |
+| `onPressOut` | 触摸移出或终止回调 | Function | no | iOS/Android | yes |
+| `onPress` | 触摸在边界内抬起回调 | Function | no | iOS/Android | yes |
+| `onLongPress` | 触摸在 onPressIn 回调后延迟 | Function | no | iOS/Android | yes |
+| `onRippleAnimation` | 动画开始回调 | Function | no | iOS/Android | yes |
Other [TouchableWithoutFeedback](https://facebook.github.io/react-native/docs/touchablewithoutfeedback.html) properties will also work
diff --git a/zh-cn/react-native-safe-module.md b/zh-cn/react-native-safe-module.md
index 408b97ff1e963c2431eaeb09f7a9aa96299a88e6..68582e1a5b0146f4767397ea987b4b6839707f4e 100644
--- a/zh-cn/react-native-safe-module.md
+++ b/zh-cn/react-native-safe-module.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.2.2
+> 模板版本:v0.3.0
react-native-safe-module
@@ -18,35 +18,33 @@
请到三方库的 Releases 发布地址查看配套的版本信息:
-| 三方库版本 | 发布信息 | 支持RN版本 |
-| ---------- | ------------------------------------------------------------ | ---------- |
-| 1.2.0 | [@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases) | 0.72 |
-| 1.2.1 | [@react-native-ohos/react-native-safe-module Releases]() | 0.77 |
+| version | Package Name |Repository | Release | RN version |
+| ---------- | ------------------------------------------------------------ | -------|--------|---------- |
+| 1.2.0 | @react-native-oh-tpl/react-native-safe-module | [Github](https://github.com/react-native-oh-library/react-native-safe-module) | [Github Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases)|0.72 |
+| 1.3.0 | @react-native-ohos/react-native-safe-module | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-safe-module) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-safe-module/releases)| 0.77 |
对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
进入到工程目录并输入以下命令:
-
-
#### **npm**
```bash
-#1.2.0
+#0.72
npm install @react-native-oh-tpl/react-native-safe-module
-#1.2.1
+#0.77
npm install @react-native-ohos/react-native-safe-module
```
#### **yarn**
```bash
-#1.2.0
+#0.72
yarn add @react-native-oh-tpl/react-native-safe-module
-#1.2.1
+#0.77
yarn add @react-native-ohos/react-native-safe-module
```
@@ -91,6 +89,13 @@ export default App;
| 1.2.0 | [@react-native-oh-tpl/react-native-safe-module Releases](https://github.com/react-native-oh-library/react-native-safe-module/releases) | 0.72 |
| 1.2.1 | [@react-native-ohos/react-native-safe-module Releases]() | 0.77 |
+在以下版本验证通过
+
+1. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+2. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112
+
+## 属性
+
> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
> [!TIP] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性;no 则表示不支持;partially 表示部分支持。使用方法跨平台一致,效果对标 iOS 或 Android 的效果。
@@ -105,11 +110,11 @@ SafeModule.create(options) | 创建Module | Object | Yes | iOS/Android | Yes |
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| --------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------- | -------- | -------- | -------- | ----------------- |
-| options.moduleName | The name, or array of names, to look for the module at on the NativeModules namespace. | string/Array | Yes | iOS/Android | Yes |
-| options.mock | The mock implementation of the native module. | mixed | Yes | iOS/Android | Yes |
-| options.getVersion | A function that returns the version of the native module. Only needed if you are specifying overrides and not exporting a VERSION property on your native module. Defaults to x => x.VERSION. | (module) => string/number | No | iOS/Android | Yes |
-| options.overrides | A map of version numbers to overridden implementations of the corresponding property/method. If an overridden property or method is a function, it will be called during SafeModule.create(...) with two arguments, the original value of that property on the original module, and the original module itself. The return value of this function will be put on the return value of SafeModule.create(...). | [version: string]: mixed | No | iOS/Android | Yes |
-| options.isEventEmitter | A flag indicating that the native module is expected to be an EventEmitter. Puts the EventEmitter instance on the emitter property of the resulting module. Defaults to false. | bool | No | iOS/Android | Yes |
+| options.moduleName | 需在 NativeModules 命名空间中查找的模块名称或名称数组。 | string/Array | Yes | iOS/Android | Yes |
+| options.mock | 该原生模块的模拟实现 | mixed | Yes | iOS/Android | Yes |
+| options.getVersion | 用于获取原生模块版本的函数。仅在指定了覆盖配置且未在原生模块中导出 VERSION 属性时需要设置。默认值为 x => x.VERSION。VERSION. | (module) => string/number | No | iOS/Android | Yes |
+| options.overrides | 版本号与对应属性/方法覆写实现的映射表。若被覆写的属性或方法为函数类型,该函数将在 SafeModule.create(...) 执行期间被调用,并接收两个参数:原始模块中该属性的初始值及原始模块本身。此函数的返回值将被设置为 SafeModule.create(...) 的返回结果。 | [version: string]: mixed | No | iOS/Android | Yes |
+| options.isEventEmitter | 标识原生模块是否为 EventEmitter 的标记。若启用,会将 EventEmitter 实例挂载至生成模块的 emitter 属性。默认值为 false。 | bool | No | iOS/Android | Yes |
## 遗留问题
diff --git a/zh-cn/react-native-size-matters.md b/zh-cn/react-native-size-matters.md
index a06f9360eea61e6cd74476c16ad10180e6d1171c..576b907e8c49ff7b6f329a2cc9e78369e6c0c070 100644
--- a/zh-cn/react-native-size-matters.md
+++ b/zh-cn/react-native-size-matters.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.2.2
+> 模板版本:v0.3.0
react-native-size-matters
@@ -16,19 +16,22 @@
## 安装与使用
-进入到工程目录并输入以下命令:
+| 三方库版本 | 支持RN版本 |
+| ---------- | ---------- |
+| 0.4.2 | 0.72/0.77 |
-
+进入到工程目录并输入以下命令:
#### **npm**
```bash
npm install react-native-size-matters@0.4.2
```
+
#### **yarn**
```bash
-yarn add react-native-size-matters@0.4.2
+npm install react-native-size-matters@0.4.2
```
@@ -217,7 +220,8 @@ export default class sizeMattersDemo {
1. RNOH:0.72.27; SDK:HarmonyOS-Next-DB1 5.0.0.29(SP1); IDE:DevEco Studio 5.0.3.400; ROM:3.0.0.25;
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.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+4. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## API
> [!TIP] "Platform"列表示该属性在原三方库上支持的平台。
diff --git a/zh-cn/react-native-switch-pro.md b/zh-cn/react-native-switch-pro.md
index d345bd64c8ab99cc96013596d6b1eb7b75e7fe01..de9cd2afc82b55cddd67f57c4dc4b648e22c5a2e 100644
--- a/zh-cn/react-native-switch-pro.md
+++ b/zh-cn/react-native-switch-pro.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.2.0
+> 模板版本:v0.3.0
react-native-switch-pro
@@ -17,7 +17,13 @@
## 安装与使用
-请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+请到三方库的 Releases 发布地址查看配套的版本信息:
+| version | Package Name |Repository | Release | RN version |
+| ---------- | ------------------------------------------------------------ | -------|--------|---------- |
+| 1.0.5 | @react-native-oh-tpl/react-native-switch-pro | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-switch-pro) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-switch-pro/releases)|0.72 |
+| 1.1.0 | @react-native-ohos/react-native-switch-pro |[Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-switch-pro) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-switch-pro/releases)| 0.77 |
+
+对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包
进入到工程目录并输入以下命令:
@@ -26,13 +32,21 @@
#### **npm**
```bash
+#0.72
npm install @react-native-oh-tpl/react-native-switch-pro
+
+#0.77
+npm install @react-native-ohos/react-native-switch-pro
```
#### **yarn**
```bash
+#0.72
yarn add @react-native-oh-tpl/react-native-switch-pro
+
+#0.77
+yarn add @react-native-ohos/react-native-switch-pro
```
@@ -60,11 +74,20 @@ import Switch from 'react-native-switch-pro'
要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/react-native-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/releases)
+请到三方库的 Releases 发布地址查看配套的版本信息:
+
+| 三方库版本 | 发布信息 | 支持RN版本 |
+| ---------- | ------------------------------------------------------------ | ---------- |
+| 1.0.5 | [@react-native-oh-tpl/react-native-switch-pro Releases](https://github.com/react-native-oh-library/react-native-switch-pro/releases) | 0.72 |
+| 1.1.0 | [@react-native-ohos/react-native-switch-pro Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-switch-pro) | 0.77 |
+
+对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包
本文档内容基于以下版本验证通过:
-react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
+1. RNOH: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.27; ROM: 3.0.0.19;
+2. RNOH: 0.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+3. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## 属性
@@ -74,18 +97,18 @@ react-native-harmony: 0.72.23; SDK: HarmonyOS NEXT Developer Beta1; IDE: DevEco
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| width| width of switch | number | no | Android/IOS | yes |
-| height | height of switch | number | no | Android/IOS | yes |
-| value | state of switch which can be used to bidirectional binding | bool | no | Android/IOS | yes |
-| disabled | whether switch is clickable | bool | no | Android/IOS | yes |
-| circleColorActive | color for circle handler of switch when it is on | string | no | Android/IOS | yes |
-| circleColorInactive | color for circle handler of switch when it is off | string | no | Android/IOS | yes |
+| width| 开关宽度 | number | no | Android/IOS | yes |
+| height | 开关高度 | number | no | Android/IOS | yes |
+| value | 支持双向绑定的开关状态 | bool | no | Android/IOS | yes |
+| disabled | 开关是否可点击 | bool | no | Android/IOS | yes |
+| circleColorActive | 开关开启状态下圆形控制柄的颜色 | string | no | Android/IOS | yes |
+| circleColorInactive | 开关关闭状态下圆形控制柄的颜色 | string | no | Android/IOS | yes |
| style | styles that will be applied for switch container | style | no | Android/IOS | yes |
-| circleStyle | styles that will be applied for the circle | style | no | Android/IOS | yes |
-| backgroundActive | color of switch when it is on | string | no | Android/IOS | yes |
-| backgroundInactive | color of switch when it is of | string | no | Android/IOS | yes |
-| onSyncPress | callback when switch is clicked | func | no | Android/IOS | yes |
-| onAsyncPress | has a callback with result of async | func | no | Android/IOS | yes |
+| circleStyle | 将应用于开关容器的样式 | style | no | Android/IOS | yes |
+| backgroundActive | 开关开启时的颜色 | string | no | Android/IOS | yes |
+| backgroundInactive | 开关关闭时的颜色 | string | no | Android/IOS | yes |
+| onSyncPress | 点击开关时的回调 | func | no | Android/IOS | yes |
+| onAsyncPress | 有一个回调结果为async | func | no | Android/IOS | yes |
## 注意
diff --git a/zh-cn/react-native-waterfall-flow.md b/zh-cn/react-native-waterfall-flow.md
index 0f0dbdeb2aefe1d66a8bc0038f44f132974b651d..ccddf627564ad179675398e9b8f15ad89d0cb8e9 100644
--- a/zh-cn/react-native-waterfall-flow.md
+++ b/zh-cn/react-native-waterfall-flow.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.2.2
+> 模板版本:v0.3.0
react-native-waterfall-flow
@@ -16,20 +16,22 @@
## 安装与使用
-进入到工程目录并输入以下命令:
+| 三方库版本 | 支持RN版本 |
+| ---------- | ---------- |
+| 1.1.5 | 0.72/0.77 |
-
+进入到工程目录并输入以下命令:
#### **npm**
```bash
-npm install react-native-waterfall-flow@1.1.5 --save
+npm install react-native-waterfall-flow@1.1.5
```
#### **yarn**
```bash
-yarn add react-native-waterfall-flow@1.1.5 --save
+yarn add react-native-waterfall-flow@1.1.5
```
@@ -166,6 +168,8 @@ export default App;
1. RNOH: 0.72.29; SDK:HarmonyOS NEXT Developer Beta6; IDE:DevEco Studio 5.0.3.706; ROM:NEXT.0.0.65;
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.72.38; SDK: HarmonyOS-5.0.0(API12); ROM: 5.0.0.107;
+4. RNOH: 0.77.18; SDK: HarmonyOS 6.0.0 Release SDK; IDE: DevEco Studio 6.0.0.868; ROM: 6.0.0.112;
## 属性