diff --git a/en/react-native-audio.md b/en/react-native-audio.md
index ab42d2426c7a0ffef590e05077045f55f467d031..82e55bfefa800b653ba67aab9deea9091de7bc63 100644
--- a/en/react-native-audio.md
+++ b/en/react-native-audio.md
@@ -6,15 +6,15 @@
This project is based on [react-native-audio@4.2.2](https://github.com/jsierles/react-native-audio/tree/v4.2.2).
-This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-audio`, The version correspondence details are as follows:
+Please visit the Release release address of the third-party library to view the corresponding version information:
-| Version | Package Name | Repository | Release |
-| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
-| <= 4.2.2@deprecated | @react-native-oh-library/react-native-audio | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-audio) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-audio/releases) |
-| > 4.2.2 | @react-native-ohos/react-native-audio | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-audio) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio/releases) |
+| Version | Package Name | Repository | Release | RN Version |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |------------|
+| <= 4.2.2@deprecated | @react-native-oh-library/react-native-audio | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-audio) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-audio/releases) | 0.72 |
+| 4.2.3 | @react-native-ohos/react-native-audio | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-audio) | [Github Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio/releases) | 0.72 |
+| 4.3.0 | @react-native-ohos/react-native-audio | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-audio) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio/releases) | 0.77 |
## Installation and Usage
-
Go to the project directory and execute the following instruction:
@@ -307,7 +307,9 @@ Then build and run the code.
### 3.1 Compatibility
-Check the release version information in the release address of the third-party library:[@react-native-ohos/react-native-audio Releases](https://gitee.com/openharmony-sig/rntpc_react-native-audio/releases)
+This document is verified based on the following versions:
+1. RNOH:0.72.33; SDK:HarmonyOS NEXT Beta1 SDK; IDE: DevEco Studio: 5.0.3.805; ROM:NEXT.0.0.71;
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
## 4. API
diff --git a/en/react-native-camera-kit.md b/en/react-native-camera-kit.md
index 58c4ba14ba38f00a21aa64c64f7a28ab4b90c39b..593a774b6d369c633676b8e42c4e08788fcf73b3 100644
--- a/en/react-native-camera-kit.md
+++ b/en/react-native-camera-kit.md
@@ -3,20 +3,6 @@
react-native-camera-kit
-
-
-
-
-
-
-
-
-
-
-
-> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-camera-kit)
-
-## Installation and Usage
Please refer to the Releases page of the third-party library for the corresponding version information:
@@ -26,6 +12,8 @@ Please refer to the Releases page of the third-party library for the correspondi
| 14.0.2 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.72 |
| 15.1.1 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.77 |
+## Installation and Usage
+
For older versions not published on npm, please refer to the [Installation Guide](/zh-cn/tgz-usage.md) to install the tgz package.
Go to the project directory and execute the following instruction:
@@ -289,15 +277,9 @@ Then build and run the code.
### 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.
-
-Please refer to the Releases page of the third-party library for the corresponding version information:
-
-| Third-party Library Version | Release Information | Supported RN Version |
-| ---------- | ------------------------------------------------------------ | ---------- |
-| 14.0.1@deprecated | [@react-native-oh-tpl/react-native-camera-kit Releases(deprecated)](https://github.com/react-native-oh-library/react-native-camera-kit/releases) | 0.72 |
-| 14.0.2 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.72 |
-| 15.1.1 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.77 |
+This document is verified based on the following versions:
+1. RNOH:0.72.40; SDK:HarmonyOS NEXT Developer DB3; IDE: DevEco Studio: 5.0.5.220; ROM:NEXT.0.0.105;
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
### Permission Requirements
@@ -379,8 +361,8 @@ Open `entry/src/main/resources/base/element/string.json` and add the following i
| ------------------- | ------------------------------------------------------------ | --------------------- | -------- | -------- | ----------------- |
| ref | Reference on the camera view | Ref | no | All | yes |
| style | Style to apply on the camera view | StyleProp\ | no | All | yes |
-| flashMode | Camera flash mode. Default: `auto` | 'on'`/`'off'`/`'auto' | no | All | yes |
-| focusMode | Camera focus mode. Default: on | 'on'`/`'off' | no | All | yes |
+| flashMode | Camera flash mode. Default: FlashMode.FLASH_MODE_CLOSE | FlashMode.FLASH_MODE_CLOSE / FlashMode.FLASH_MODE_OPEN / FlashMode.FLASH_MODE_AUTO / FlashMode.FLASH_MODE_ALWAYS_OPEN | no | All | yes |
+| focusMode | Camera focus mode. Default: FOCUS_MODE_AUTO | FOCUS_MODE_CONTINUOUS_AUTO / FOCUS_MODE_AUTO / FOCUS_MODE_LOCKED / FocusMode.FOCUS_MODE_MANUAL | no | All | yes |
| zoomMode | Enable the pinch to zoom gesture. Default: on | 'on'`/`'off' | no | All | yes |
| zoom | Control the zoom. Default: 1.0 | Number | no | All | yes |
| maxZoom | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max) | Number | no | All | yes |
@@ -404,7 +386,7 @@ Open `entry/src/main/resources/base/element/string.json` and add the following i
| ------------------- | ------------------------------------------------------------ | --------------------- | -------- | -------- | ----------------- |
| ref | Reference on the camera view | Ref | no | All | yes |
| style | Style to apply on the camera view | StyleProp\ | no | All | yes |
-| flashMode | Get secret value | 'on'`/`'off'`/`'auto' | no | All | yes |
+| flashMode | Get secret value | FlashMode.FLASH_MODE_CLOSE / FlashMode.FLASH_MODE_ALWAYS_OPEN | no | All | yes |
| zoomMode | Enable the pinch to zoom gesture. Default: on | 'on'`/`'off' | no | All | yes |
| zoom | Control the zoom. Default: 1.0 | Number | no | All | yes |
| maxZoom | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max) | Number | no | All | yes |
diff --git a/en/react-native-community-progress-view.md b/en/react-native-community-progress-view.md
index 6d1e5454e78edfd9cce7d832d054270654d3da53..5f4f648f43d38f157f9bf3eda4d0ebbeefeb9f47 100644
--- a/en/react-native-community-progress-view.md
+++ b/en/react-native-community-progress-view.md
@@ -6,12 +6,14 @@
This project is based on [react-native-community/progress-view@1.4.2](https://github.com/react-native-progress-view/progress-view).
-This third-party library has been migrated to Gitee and is now available for direct download from npm, the new package name is: `@react-native-ohos/react-native-progress-view`, The version correspondence details are as follows:
+Please visit the Release release address of the third-party library to view the corresponding version information:
+
+| Version | Package Name | Repository | Release | RN Version |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -----------
+| <= 1.4.2@deprecated | @react-native-oh-tpl/progress-view | [Github(deprecated)](https://github.com/react-native-oh-library/progress-view) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/progress-view/releases) | 0.72 |
+| 1.4.3 | @react-native-ohos/progress-view | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_progress-view) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_progress-view/releases) | 0.72 |
+| 1.5.0 | @react-native-ohos/progress-view | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_progress-view) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_progress-view/releases) | 0.77 |
-| Version | Package Name | Repository | Release |
-| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
-| <= 1.4.2@deprecated | @react-native-oh-tpl/progress-view | [Github(deprecated)](https://github.com/react-native-oh-library/progress-view) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/progress-view/releases) |
-| > 1.4.2 | @react-native-ohos/progress-view | [Gitee](https://gitee.com/openharmony-sig/rntpc_progress-view) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_progress-view/releases) |
## Installation and Usage
@@ -222,9 +224,10 @@ Then build and run the code.
### 3.1 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:
+1. RNOH:0.72.38; SDK:HarmonyOS-5.0.0(API12); IDE: DevEco Studio 5.1.1.830; ROM:5.0.0.110;
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
-Check the release version information in the release address of the third-party library: [@react-native-ohos/react-native-progress-view Releases](https://gitee.com/openharmony-sig/rntpc_progress-view/releases)
## 4. Properties
@@ -244,7 +247,7 @@ Check the release version information in the release address of the third-party
## 5. Known Issues
-- [ ] 原库部分接口在 HarmonyOS 中没有对应属性及接口处理相关逻辑,问题: [issue#1](https://github.com/react-native-oh-library/progress-view/issues/5)
+- [ ] Some interfaces in the original library do not have corresponding properties and interface processing logic in HarmonyOS. Problem: [issue#1](https://github.com/react-native-oh-library/progress-view/issues/5)
## 6. Others
diff --git a/en/react-native-dropdown-picker.md b/en/react-native-dropdown-picker.md
index de2e6a28093c907f89d2ada7e0058bf5c8c5d86b..2ac201427305affd28c341d76ad44b81173a4e8b 100644
--- a/en/react-native-dropdown-picker.md
+++ b/en/react-native-dropdown-picker.md
@@ -4,19 +4,17 @@ Template version: v0.2.2
react-native-dropdown-picker
-
-
-
-
-
-
-
-
-> [!TIP] [GitHub address](https://github.com/hossein-zare/react-native-dropdown-picker)
+Please visit the Release release address of the third-party library to view the corresponding version information:
+
+| Version | Support RN version |
+| ---------- | ---------- |
+| 5.4.6 | 0.72/0.77 |
## Installation and Usage
+Go to the project directory and execute the following instruction:
+
#### **npm**
@@ -94,6 +92,7 @@ This document is verified based on the following versions:
1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); 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.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
## Properties
diff --git a/en/react-native-keyboard-aware-scroll-view.md b/en/react-native-keyboard-aware-scroll-view.md
index 7dda303044fca614611ca4f3cafa04c24894db5e..da8c0b499363aefe4b15c2bb5912ad4f26fe292f 100644
--- a/en/react-native-keyboard-aware-scroll-view.md
+++ b/en/react-native-keyboard-aware-scroll-view.md
@@ -3,20 +3,16 @@
react-native-keyboard-aware-scroll-view
-
-
-
-
-
-
-
-
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view)
+Please visit the Release release address of the third-party library to view the corresponding version information:
-## Installation and Usage
+| Version | Package Name | Repository | Release | RN Version |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -----------
+| 0.9.5 | @react-native-oh-tpl/react-native-keyboard-aware-scroll-view | [Github](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view) | [Github Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | 0.72 |
+| 0.9.5 | @react-native-ohos/react-native-keyboard-aware-scroll-view | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-keyboard-aware-scroll-view) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-keyboard-aware-scroll-view/releases) | 0.72 |
+| 0.10.0 | @react-native-ohos/react-native-keyboard-aware-scroll-view | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-keyboard-aware-scroll-view) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-keyboard-aware-scroll-view/releases) | 0.77 |
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+## Installation and Usage
Go to the project directory and execute the following instruction:
@@ -27,13 +23,21 @@ Go to the project directory and execute the following instruction:
#### **npm**
```bash
+# 0.72
npm install @react-native-oh-tpl/react-native-keyboard-aware-scroll-view
+
+# 0.77
+npm install @react-native-ohos/react-native-keyboard-aware-scroll-view
```
#### **yarn**
```bash
+# 0.72
yarn add @react-native-oh-tpl/react-native-keyboard-aware-scroll-view
+
+# 0.77
+yarn add @react-native-ohos/react-native-keyboard-aware-scroll-view
```
@@ -99,9 +103,9 @@ const styles = StyleSheet.create({
### 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.
-
-Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases)
+This document is verified based on the following versions:
+1. RNOH:0.72.29; SDK:HarmonyOS NEXT Developer Beta6 SDK; IDE: DevEco Studio 5.0.3.706; ROM:3.0.0.65;
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
## Properties
diff --git a/en/react-native-largelist.md b/en/react-native-largelist.md
index 800ff8d15a664c3faffca1b5639dd0a25263afad..bd199bf0406a999d86e862f7cff73bba36b03869 100644
--- a/en/react-native-largelist.md
+++ b/en/react-native-largelist.md
@@ -3,21 +3,16 @@
react-native-largelist
-
-
-
-
-
-
-
-
-
-> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-largelist)
+Please visit the Release release address of the third-party library to view the corresponding version information:
+
+| Version | Package Name | Repository | Release | RN Version |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -----------
+| 3.1.1 | @react-native-ohos/react-native-largelist | [Github](https://github.com/react-native-oh-library/react-native-largelist) | [Github Releases](https://github.com/react-native-oh-library/react-native-largelist/releases) | 0.72 |
+| 3.2.0 | @react-native-ohos/react-native-largelist | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-largelist) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-largelist/releases) | 0.77 |
## Installation and Usage
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/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 +22,13 @@ Go to the project directory and execute the following instruction:
#### **npm**
```bash
-npm install @react-native-oh-tpl/react-native-largelist
+npm install @react-native-ohos/react-native-largelist
```
#### **yarn**
```bash
-yarn add @react-native-oh-tpl/react-native-largelist
+yarn add @react-native-ohos/react-native-largelist
```
@@ -145,9 +140,9 @@ Then build and run the code.
### 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.
-
-Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/releases)
+This document is verified based on the following versions:
+1. RNOH:0.72.79; SDK:HarmonyOS 5.0.0 Release SDK; IDE: DevEco Studio 5.0.7.210; ROM:5.0.0.135;
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
## Properties
@@ -158,57 +153,57 @@ Check the release version information in the release address of the third-party
### Largelist:
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------- | -------- | ----------- | ----------------- |
-| bounces | 滑动超出内容视图后是否可以弹性地继续滑动(iOS & Android,如果为true,水平方向内容视图如果没有超过SpringScrollView则不会有弹性,垂直方向始终具有弹性) | boolean | no | Android/iOS | yes |
-| scrollEnabled | 是否可以滚动 | boolean | no | Android/iOS | yes |
-| initialContentOffset | 初始化偏移,仅第一次初始化有效,后期更改无效(已支持x方向) | {x:number, y:number} | no | Android/iOS | yes |
-| showsVerticalScrollIndicator | 显示垂直滚动指示器 | boolean | no | Android/iOS | no |
-| showsHorizontalScrollIndicator | 显示水平滚动指示器(内容视图超出LargeList视口才有用) | boolean | no | Android/iOS | no |
-| tapToHideKeyboard | 点击LargeList是否收起键盘 | boolean | no | Android/iOS | yes(rely on springscrollview 2.x version) |
-| data | 列表的数据源 | { items: any[] }[] | no | Android/iOS | yes |
-| heightForSection | 返回列表每一组组头高度的函数 | (section: number) => number | no | Android/iOS | yes |
-| renderSection | 每一组组头的render函数 | `(section: number) => React.ReactElement ` | no | Android/iOS | yes |
-| heightForIndexPath | 返回列表每一行高度的函数 | (indexPath: IndexPath) => number | no | Android/iOS | yes |
-| renderIndexPath | 每一行的render函数, mediaWrapperParam是用于大图片或视频优化选项。 | `(indexPath: IndexPath, mediaWrapperParam:Object) => React.ReactElement ` | no | Android/iOS | yes |
-| renderHeader | 列表的头部组件函数 | `()=> React.ReactElement ` | no | Android/iOS | yes |
-| renderFooter | 列表的尾部组件函数 | `()=> React.ReactElement ` | no | Android/iOS | yes |
-| inverted | 翻转滚动方向,适配聊天App | boolean | no | Android/iOS | yes |
-| onRefresh | 下拉刷新的回调函数,如果设置了此属性,则会在顶部加一个刷新Header | ()=>any | no | Android/iOS | yes |
-| refreshHeader | 选择下拉刷新的组件,用户如果不希望高度自定义,则可以不设定直接使用NormalHeader,如果需要高度自定义 | [RefreshHeader](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/src/RefreshHeader.js) | no | Android/iOS | yes |
-| onLoading | 上拉加载的回调函数,如果设置了此属性,则会在底部加一个加载组件 | ()=>any | no | Android/iOS | yes |
-| allLoaded | 数据是否加载完成。 | boolean | no | Android/iOS | yes |
-| loadingFooter | 上拉加载组件,用户如果不希望自定义,则可以使用NormalFooter,如果需要高度自定义 | [LoadingFooter](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/src/LoadingFooter.js) | no | Android/iOS | yes |
-| onScroll | 监听列表滑动(JavaScript端) | ({nativeEvent:{contentOffset:{x, y}}})=>any | no | Android/iOS | yes |
-| onNativeContentOffsetExtract | 使用原生动画值监听滑动偏移,可以用作插值动画 | {x?:Animated.Value, y?:Animated.Value} | no | Android/iOS | yes |
-| onTouchBegin | 手指按下时回调 | ()=>any | no | Android/iOS | yes |
-| onTouchEnd | 手指抬起时回调 | ()=>any | no | Android/iOS | yes |
-| onMomentumScrollBegin | 松手后减速开始的回调 | ()=>any | no | Android/iOS | yes |
-| onMomentumScrollEnd | 减速结束回调 | ()=>any | no | Android/iOS | yes |
-| textInputRefs | 将TextInput的引用传入,让SpringScrollView自动管理键盘遮挡问题。 | TextInput[] | no | Android/iOS | yes |
-| dragToHideKeyboard | 滑动屏幕时是否隐藏键盘 | boolean | no | Android/iOS | yes(rely on springscrollview 3.x version) |
-| inputToolBarHeight | 不同的系统,不同的三方输入法,键盘的工具栏高度是不确定的,并且官方没有给出获取工具栏高度的办法,这个属性用以给用户小幅调整键盘弹起时,组件偏移的位置 | number | no | Android/iOS | yes |
-| groupCount | 优化参数,LargeList将各行进行分组(不是Section,这个视独立的组),groupCount表示总共渲染4组,每组至少渲染groupMinHeight高度,值越大预渲染的行数越多,对应的初始化越慢。请注意groupCount * groupMinHeight必须大于LargeList的视口高度。 | number | no | Android/iOS | yes |
-| groupMinHeight | 优化参数,每组的高度 | number | no | Android/iOS | yes |
-| updateTimeInterval | 更新延时,值越小请求更新的频率越高,但是React Native是异步的,请求更新过多会导致更新不过来;值越大越容易让用户看到新的Item替换旧的Item的现象。 | number | no | Android/iOS | yes |
+| bounces | Whether the list can bounce elastically when scrolling beyond the content view (iOS & Android: if true, horizontal content view will not have elasticity unless it exceeds SpringScrollView, vertical direction always has elasticity) | boolean | no | Android/iOS | yes |
+| scrollEnabled | Whether scrolling is enabled | boolean | no | Android/iOS | yes |
+| initialContentOffset | Initial offset, only valid on first initialization, later changes are invalid (x direction is supported) | {x:number, y:number} | no | Android/iOS | yes |
+| showsVerticalScrollIndicator | Show vertical scroll indicator | boolean | no | Android/iOS | no |
+| showsHorizontalScrollIndicator | Show horizontal scroll indicator (only useful when content view exceeds LargeList viewport) | boolean | no | Android/iOS | no |
+| tapToHideKeyboard | Whether to hide the keyboard when tapping LargeList | boolean | no | Android/iOS | yes(rely on springscrollview 2.x version) |
+| data | Data source for the list | { items: any[] }[] | no | Android/iOS | yes |
+| heightForSection | Function that returns the height of each section header | (section: number) => number | no | Android/iOS | yes |
+| renderSection | Render function for each section header | `(section: number) => React.ReactElement ` | no | Android/iOS | yes |
+| heightForIndexPath | Function that returns the height of each row in the list | (indexPath: IndexPath) => number | no | Android/iOS | yes |
+| renderIndexPath | Render function for each row, mediaWrapperParam is used for optimization options for large images or videos. | `(indexPath: IndexPath, mediaWrapperParam:Object) => React.ReactElement ` | no | Android/iOS | yes |
+| renderHeader | Header component function for the list | `()=> React.ReactElement ` | no | Android/iOS | yes |
+| renderFooter | Footer component function for the list | `()=> React.ReactElement ` | no | Android/iOS | yes |
+| inverted | Reverse scroll direction, suitable for chat apps | boolean | no | Android/iOS | yes |
+| onRefresh | Callback function for pull-to-refresh, if set, a refresh header will be added to the top | ()=>any | no | Android/iOS | yes |
+| refreshHeader | Select the pull-to-refresh component. If the user does not want to customize, they can use NormalHeader directly. If deep customization is needed | [RefreshHeader](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/src/RefreshHeader.js) | no | Android/iOS | yes |
+| onLoading | Callback function for pull-to-load, if set, a loading component will be added to the bottom | ()=>any | no | Android/iOS | yes |
+| allLoaded | Whether data loading is complete. | boolean | no | Android/iOS | yes |
+| loadingFooter | Pull-to-load component. If the user does not want to customize, they can use NormalFooter. If deep customization is needed | [LoadingFooter](https://github.com/bolan9999/react-native-spring-scrollview/blob/master/src/LoadingFooter.js) | no | Android/iOS | yes |
+| onScroll | Listen to list scrolling (JavaScript side) | ({nativeEvent:{contentOffset:{x, y}}})=>any | no | Android/iOS | yes |
+| onNativeContentOffsetExtract | Listen to scroll offset using native animation values, can be used for interpolation animation | {x?:Animated.Value, y?:Animated.Value} | no | Android/iOS | yes |
+| onTouchBegin | Callback when finger touches down | ()=>any | no | Android/iOS | yes |
+| onTouchEnd | Callback when finger lifts up | ()=>any | no | Android/iOS | yes |
+| onMomentumScrollBegin | Callback when deceleration starts after releasing | ()=>any | no | Android/iOS | yes |
+| onMomentumScrollEnd | Callback when deceleration ends | ()=>any | no | Android/iOS | yes |
+| textInputRefs | Pass TextInput references to let SpringScrollView automatically manage keyboard blocking issues. | TextInput[] | no | Android/iOS | yes |
+| dragToHideKeyboard | Whether to hide the keyboard when dragging the screen | boolean | no | Android/iOS | yes(rely on springscrollview 3.x version) |
+| inputToolBarHeight | On different systems and different third-party input methods, the keyboard toolbar height is uncertain, and there is no official way to get the toolbar height. This property is used to allow users to slightly adjust the component offset position when the keyboard pops up | number | no | Android/iOS | yes |
+| groupCount | Optimization parameter. LargeList groups rows (not sections, independent groups). groupCount indicates rendering 4 groups total, each group renders at least groupMinHeight height. Larger values mean more pre-rendered rows, slower initialization. Note: groupCount * groupMinHeight must be greater than LargeList viewport height. | number | no | Android/iOS | yes |
+| groupMinHeight | Optimization parameter, height of each group | number | no | Android/iOS | yes |
+| updateTimeInterval | Update delay. Smaller values mean higher update frequency, but React Native is asynchronous - too many updates may cause lag. Larger values make it easier for users to see new items replacing old items. | number | no | Android/iOS | yes |
### WaterfallList:
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ----------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------- | -------- | ----------- | ----------------- |
-| data | 数据源,数组的个数决定了Item的数量 | any[] | no | Android/iOS | yes |
-| heightForItem | 一个高度函数,用以返回每个Item的高度 | (item:any,index:number)=> number | no | Android/iOS | yes |
-| renderItem | 每个Item的render函数 | `(item:any,index:number)=> React.ReactElement` | no | Android/iOS | yes |
-| preferColumnWidth | 每个Item的理想宽度, 它会影响实际列数,实际列数等于WaterfallList除以理想宽度向下取整,实际宽度是组件宽度除以实际列数(目前只支持等宽的Item).(preferColumnWidth 和 numColumns 至少需要指定一个. ) | number | no | Android/iOS | yes |
-| numColumns | 固定列数. (preferColumnWidth 和 numColumns 至少需要指定一个. ) | number | no | Android/iOS | yes |
-| renderHeader | 头部组件函数 | `()=> React.ReactElement ` | no | Android/iOS | yes |
-| renderFooter | 尾部组件函数 | `()=> React.ReactElement ` | no | Android/iOS | yes |
+| data | Data source, the number of arrays determines the number of items | any[] | no | Android/iOS | yes |
+| heightForItem | A height function to return the height of each item | (item:any,index:number)=> number | no | Android/iOS | yes |
+| renderItem | Render function for each item | `(item:any,index:number)=> React.ReactElement` | no | Android/iOS | yes |
+| preferColumnWidth | Ideal width of each item. It affects the actual number of columns. Actual columns = WaterfallList width / ideal width (floor). Actual width = component width / actual columns (currently only supports equal-width items). (At least one of preferColumnWidth and numColumns must be specified.) | number | no | Android/iOS | yes |
+| numColumns | Fixed number of columns. (At least one of preferColumnWidth and numColumns must be specified.) | number | no | Android/iOS | yes |
+| renderHeader | Header component function | `()=> React.ReactElement ` | no | Android/iOS | yes |
+| renderFooter | Footer component function | `()=> React.ReactElement ` | no | Android/iOS | yes |
### StickyForm:
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ---------------------- | ------------------------------------------------------------ | ------- | -------- | ----------- | ----------------- |
-| ...LargeList | 支持所有的LargeList属性(含刷新及加载)。 | - | no | Android/iOS | yes |
-| directionalLockEnabled | 当此属性为true时,它会试着锁定只在水平或垂直一个方向上滚动。 | boolean | no | Android/iOS | no |
-| headerStickyEnabled | 将头部吸在StickForm的顶部,Section跟着吸在头部的下边。 | boolean | no | Android/iOS | no |
+| ...LargeList | Support all LargeList properties (including refresh and loading). | - | no | Android/iOS | yes |
+| directionalLockEnabled | When this property is true, it will try to lock scrolling to only horizontal or vertical direction. | boolean | no | Android/iOS | no |
+| headerStickyEnabled | Stick the header to the top of StickyForm, with the Section sticking below the header. | boolean | no | Android/iOS | no |
## Known Issues
diff --git a/en/react-native-nested-scroll-view.md b/en/react-native-nested-scroll-view.md
index c2eaa10f67fe66370b0a0261a7730865cefcd37f..6a1d47daa5bdee8bb410b23219a0748709e5d964 100644
--- a/en/react-native-nested-scroll-view.md
+++ b/en/react-native-nested-scroll-view.md
@@ -3,21 +3,15 @@
react-native-nested-scroll-view
-
-
-
-
-
-
-
-
-
-> [!TIP] [Github address](https://github.com/react-native-oh-library/react-native-nested-scroll-view)
+Please visit the Release release address of the third-party library to view the corresponding version information:
-## Installation and Usage
+| Version | Package Name | Repository | Release | RN Version |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -----------
+| 9.0.0 | @react-native-ohos/react-native-nested-scroll-view | [Github](https://github.com/react-native-oh-library/react-native-nested-scroll-view) | [Github Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases) | 0.72 |
+| 9.1.0 | @react-native-ohos/react-native-nested-scroll-view | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-nested-scroll-view) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-nested-scroll-view/releases) | 0.77 |
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-nested-scroll-view Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+## Installation and Usage
Go to the project directory and execute the following instruction:
@@ -28,13 +22,13 @@ Go to the project directory and execute the following instruction:
#### **npm**
```bash
-npm install @react-native-oh-tpl/react-native-nested-scroll-view
+npm install @react-native-ohos/react-native-nested-scroll-view
```
#### **yarn**
```bash
-yarn add @react-native-oh-tpl/react-native-nested-scroll-view
+yarn add @react-native-ohos/react-native-nested-scroll-view
```
@@ -115,13 +109,13 @@ Then build and run the code.
### 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.
-
-Check the release version information in the release address of the third-party library:[@react-native-oh-tpl/react-native-nested-scroll-view Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases)
+This document is verified based on the following versions:
+1. RNOH:0.72.27; SDK:HarmonyOS NEXT Developer Canary3 SP2; IDE: DevEco Studio: 5.0.3.300; ROM:3.0.0.22(Canary3);
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
## Properties
-Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动,在React Native中直接使用原生的ScrollView实现嵌套滚动时,会出现一些滚动上的问题,例如嵌套滚动不流畅或无法正确响应滚动事件等,因此Android使用react-native-nested-scroll-view来解决嵌套滚动的问题;而iOS使用的是React Native中的ScrollView来实现嵌套滚动,HarmonyOS与iOS保持一致,接受所有[React Native ScrollView](https://reactnative.dev/docs/scrollview#props) 组件的Props
+Android's ScrollView does not support nested scrolling like iOS's ScrollView. When using the native ScrollView directly to implement nested scrolling in React Native, there may be some scrolling issues, such as unsmooth nested scrolling or incorrect response to scrolling events. Therefore, Android uses react native nested scroll view to solve the problem of nested scrolling; IOS uses the ScrollView in React Native to implement nested scrolling, while HarmonyOS remains consistent with iOS and accepts all [React Native ScrollViews](https://reactnative.dev/docs/scrollview#props)Props of components
> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
@@ -129,34 +123,34 @@ Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动,在Re
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| contentContainerStyle | 设置滚动视图内容容器的样式. | ViewStyleProp | no | Android/IOS | yes |
-| disableIntervalMomentum | 如果为 true,则无论手势有多快,滚动视图都会停止在下一个索引处(相对于释放时的滚动位置)| boolean | no | Android/IOS | yes |
-| decelerationRate | 设置滚动减速速率。| ('fast' 或 'normal' 或 number) | no | Android/IOS | yes |
-| horizontal | 指定滚动视图是否为水平方向,默认为垂直方向。 | boolean | no | Android/IOS | yes |
-| invertStickyHeaders | 粘性标题是否应粘在 ScrollView 的底部而不是顶部。| boolean | no | Android/IOS | yes |
-| keyboardDismissMode | 设置键盘消失模式,可选值为"none"、“interactive"和"on-drag” | string | no | Android/IOS | yes |
-| keyboardShouldPersistTaps | 设置点击输入框以外的区域时键盘是否消失,可选值为"never"、“always"和"handled”| ('always' 或 'never' 或 'handled' 或 true 或 false) | no | Android/IOS | yes |
-| onMomentumScrollBegin | 开始惯性滚动时触发的回调函数 | (event: ScrollEvent) => void | no | Android/IOS | yes |
-| onMomentumScrollEnd | 结束惯性滚动时触发的回调函数 | (event: ScrollEvent) => void | no | Android/IOS | yes |
-| onScroll | 滚动时触发的回调函数 | (event: ScrollEvent) => void | no | Android/IOS | yes |
-| onScrollBeginDrag | 开始拖拽滚动视图时触发的回调函数 | (event: ScrollEvent) => void | no | Android/IOS | yes |
-| onScrollEndDrag | 结束拖拽滚动视图时触发的回调函数 | (event: ScrollEvent) => void | no | Android/IOS | yes |
-| onContentSizeChange | 当 ScrollView 的可滚动内容视图发生变化时调用,处理函数传递内容宽度和内容高度作为参数 | (contentWidth: number, contentHeight: number) => void | no | Android/IOS | yes |
-| pagingEnabled | 当值为 true 时,滚动条会停在滚动视图的尺寸的整数倍位置 | boolean | no | Android/IOS | yes |
-| scrollEnabled | 当值为 false 的时候,内容不能滚动,默认值为 true | boolean | no | Android/IOS | yes |
-| showsVerticalScrollIndicator | 当此属性为 true 的时候,显示一个垂直方向的滚动条 | boolean | no | Android/IOS | yes |
-| stickyHeaderIndices | 一个子视图下标的数组,用于决定哪些成员会在滚动之后固定在屏幕顶端 | $ReadOnlyArray | no | Android/IOS | yes |
-| snapToInterval | 当设置了此属性时,会让滚动视图滚动停止后,停止在snapToInterval的倍数的位置 | number | no | Android/IOS | yes |
-| snapToOffsets | 会使滚动视图停止在定义的偏移处。这可用于对长度小于滚动视图的各种大小的子项进行分页 | $ReadOnlyArray | no | Android/IOS | yes |
-| snapToStart | 与 snapToOffsets 结合使用。默认情况下,列表的开头算作捕捉偏移。 | boolean | no | Android/IOS | yes |
-| snapToEnd | 与 snapToOffsets 结合使用。默认情况下,列表末尾算作捕捉偏移 | boolean | no | Android/IOS | yes |
-| removeClippedSubviews | 当此属性为 true 时,屏幕之外的子视图(子视图的overflow样式需要设为hidden)会被移除 | boolean | no | Android/IOS | yes |
-| refreshControl | 用于为 ScrollView 提供下拉刷新功能。只能用于垂直视图,即horizontal不能为true | React. Element | no | Android/IOS | yes |
+| contentContainerStyle | Set the style of the scroll view content container. | ViewStyleProp | no | Android/IOS | yes |
+| disableIntervalMomentum | If true, the scroll view will stop at the next index regardless of how fast the gesture is (relative to the scroll position at release) | boolean | no | Android/IOS | yes |
+| decelerationRate | Set the scroll deceleration rate. | ('fast' or 'normal' or number) | no | Android/IOS | yes |
+| horizontal | Specifies whether the scroll view is horizontal, default is vertical. | boolean | no | Android/IOS | yes |
+| invertStickyHeaders | Whether sticky headers should stick to the bottom of the ScrollView instead of the top. | boolean | no | Android/IOS | yes |
+| keyboardDismissMode | Set keyboard dismiss mode, optional values are "none", "interactive" and "on-drag" | string | no | Android/IOS | yes |
+| keyboardShouldPersistTaps | Set whether the keyboard disappears when clicking outside the input box. Optional values are "never", "always" and "handled" | ('always' or 'never' or 'handled' or true or false) | no | Android/IOS | yes |
+| onMomentumScrollBegin | Callback function triggered when starting inertial scrolling | (event: ScrollEvent) => void | no | Android/IOS | yes |
+| onMomentumScrollEnd | Callback function triggered when ending inertial scrolling | (event: ScrollEvent) => void | no | Android/IOS | yes |
+| onScroll | Callback function triggered when scrolling | (event: ScrollEvent) => void | no | Android/IOS | yes |
+| onScrollBeginDrag | Callback function triggered when starting to drag the scroll view | (event: ScrollEvent) => void | no | Android/IOS | yes |
+| onScrollEndDrag | Callback function triggered when ending dragging the scroll view | (event: ScrollEvent) => void | no | Android/IOS | yes |
+| onContentSizeChange | Called when the scrollable content view of ScrollView changes. The handler passes content width and content height as parameters | (contentWidth: number, contentHeight: number) => void | no | Android/IOS | yes |
+| pagingEnabled | When the value is true, the scroll bar will stop at integer multiples of the scroll view size | boolean | no | Android/IOS | yes |
+| scrollEnabled | When the value is false, the content cannot scroll, the default value is true | boolean | no | Android/IOS | yes |
+| showsVerticalScrollIndicator | When this property is true, a vertical scroll bar is displayed | boolean | no | Android/IOS | yes |
+| stickyHeaderIndices | An array of sub-view indices used to determine which members will be fixed at the top of the screen after scrolling | $ReadOnlyArray | no | Android/IOS | yes |
+| snapToInterval | When this property is set, the scroll view will stop at multiples of snapToInterval after scrolling stops | number | no | Android/IOS | yes |
+| snapToOffsets | Will cause the scroll view to stop at defined offsets. This can be used to page children of various sizes smaller than the scroll view | $ReadOnlyArray | no | Android/IOS | yes |
+| snapToStart | Used in conjunction with snapToOffsets. By default, the beginning of the list counts as a snap offset. | boolean | no | Android/IOS | yes |
+| snapToEnd | Used in conjunction with snapToOffsets. By default, the end of the list counts as a snap offset | boolean | no | Android/IOS | yes |
+| removeClippedSubviews | When this property is true, subviews outside the screen (the overflow style of subviews needs to be set to hidden) will be removed | boolean | no | Android/IOS | yes |
+| refreshControl | Used to provide pull-to-refresh functionality for ScrollView. Can only be used for vertical views, i.e. horizontal cannot be true | React.Element | no | Android/IOS | yes |
## API
-Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动,在React Native中直接使用原生的ScrollView实现嵌套滚动时,会出现一些滚动上的问题,例如嵌套滚动不流畅或无法正确响应滚动事件等,因此Android使用react-native-nested-scroll-view来解决嵌套滚动的问题;而iOS使用的是React Native中的ScrollView来实现嵌套滚动,HarmonyOS与iOS保持一致,接受所有[React Native ScrollView](https://reactnative.dev/docs/scrollview#methods) 组件的Methods
+Android's ScrollView does not support nested scrolling like iOS's ScrollView. When implementing nested scrolling directly with the native ScrollView in React Native, some scrolling issues will occur, such as unsmooth nested scrolling or inability to correctly respond to scrolling events. Therefore, Android uses react-native-nested-scroll-view to solve the nested scrolling problem; iOS uses the ScrollView in React Native to implement nested scrolling, and HarmonyOS is consistent with iOS, accepting all Methods of the [React Native ScrollView](https://reactnative.dev/docs/scrollview#methods) component
> [!TIP] The **Platform** column indicates the platform where the properties are supported in the original third-party library.
@@ -164,9 +158,9 @@ Android的ScrollView并不支持像iOS的ScrollView那样的嵌套滚动,在Re
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| scrollTo | 该方法用于滚动到指定位置。可以通过x和y参数指定滚动的偏移量,animated参数用于指定是否使用动画效果。| function | no | Android/IOS | yes |
-| scrollToEnd | 该方法用于滚动到内容的末尾。可以通过animated参数指定是否使用动画效果。| function | no | Android/IOS | yes |
-| flashScrollIndicators | 该方法用于显示滚动指示器,通常在需要提醒用户可以滚动时使用。| function | no | Android/IOS | yes |
+| scrollTo | This method is used to scroll to a specified position. The offset can be specified by the x and y parameters, and the animated parameter is used to specify whether to use animation effects. | function | no | Android/IOS | yes |
+| scrollToEnd | This method is used to scroll to the end of the content. The animated parameter can be used to specify whether to use animation effects. | function | no | Android/IOS | yes |
+| flashScrollIndicators | This method is used to display scroll indicators, typically used when you need to remind users that they can scroll. | function | no | Android/IOS | yes |
## Known Issues
diff --git a/en/react-native-shimmer-placeholder.md b/en/react-native-shimmer-placeholder.md
index dfec8fb828313b11af7ee97a6d91ff203eaa854f..7d7918d76017108e4fc0cb34c7048930c9ead0de 100644
--- a/en/react-native-shimmer-placeholder.md
+++ b/en/react-native-shimmer-placeholder.md
@@ -3,16 +3,12 @@
react-native-shimmer-placeholder
-
-
-
-
-
-
-
-
-> [!TIP] [GitHub address](https://github.com/tomzaku/react-native-shimmer-placeholder)
+Please visit the Release release address of the third-party library to view the corresponding version information:
+
+| Version | Support RN version |
+| ---------- | ---------- |
+| 2.0.9 | 0.72/0.77 |
## Installation and Usage
@@ -90,6 +86,7 @@ If it is not included, follow the guide provided in @react-native-oh-tpl/react-n
This document is verified based on the following versions:
1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH:0.77.18; SDK:HarmonyOS 5.1.1 Release; IDE: DevEco Studio 5.1.1.830; ROM:NEXT 5.1.0.150;
## Properties
diff --git a/en/react-native-tab-navigator.md b/en/react-native-tab-navigator.md
index 603e0603dd7156a99c0471230ac143980b32cb91..06bcc62bee19220da6d70b5db470a89d796f060b 100644
--- a/en/react-native-tab-navigator.md
+++ b/en/react-native-tab-navigator.md
@@ -3,22 +3,16 @@
react-native-tab-navigator
-
-
-
-
-
-
-
-
-
+Please visit the Release release address of the third-party library to view the corresponding version information:
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-tab-navigator)
+| Version | Package Name | Repository | Release | RN Version |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -----------
+| <=0.3.4@deprecated | @react-native-oh-tpl/react-native-tab-navigator | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-tab-navigator) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-tab-navigator/releases) | 0.72 |
+| 0.3.4 | @react-native-ohos/react-native-tab-navigator | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-tab-navigator) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-tab-navigator/releases) | 0.72 |
+| 0.4.0 | @react-native-ohos/react-native-tab-navigator | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-tab-navigator) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-tab-navigator/releases) | 0.77 |
## Installation and Usage
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/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:
@@ -28,13 +22,13 @@ Go to the project directory and execute the following instruction:
#### **npm**
```bash
-npm install @react-native-oh-tpl/react-native-tab-navigator
+npm install @react-native-ohos/react-native-tab-navigator
```
#### **yarn**
```bash
-yarn add @react-native-oh-tpl/react-native-tab-navigator
+yarn add @react-native-ohos/react-native-tab-navigator
```
@@ -118,9 +112,9 @@ export default App;
### 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.
-
-Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/releases)
+This document is verified based on the following versions:
+1. RNOH:0.72.26; SDK:HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.300SP2; ROM:3.0.0.25;
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
## Properties
diff --git a/en/react-native-view-shot.md b/en/react-native-view-shot.md
index 596ebbd065f2d29ad9e8164c3bb4767ea7f91c53..772c5494031b39bbfa2b038d2e54380053f74aea 100644
--- a/en/react-native-view-shot.md
+++ b/en/react-native-view-shot.md
@@ -3,20 +3,15 @@
react-native-view-shot
-
-
-
-
-
-
-
-
-> [!TIP] [GitHub address](https://github.com/react-native-oh-library/react-native-view-shot)
+Please visit the Release release address of the third-party library to view the corresponding version information:
-## Installation and Usage
+| Version | Package Name | Repository | Release | RN Version |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -----------
+| 3.8.0 | @react-native-oh-tpl/react-native-view-shot | [Github](https://github.com/react-native-oh-library/react-native-view-shot) | [Github Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases) | 0.72 |
+| 3.9.0 | @react-native-ohos/react-native-view-shot | [Github](https://github.com/react-native-oh-library/react-native-view-shot) | [Github Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases) | 0.77 |
-Find the matching version information in the release address of a third-party library: [@react-native-oh-tpl/react-native-view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases).For older versions that are not published to npm, please refer to the [installation guide](/en/tgz-usage-en.md) to install the tgz package.
+## Installation and Usage
Go to the project directory and execute the following instruction:
@@ -27,13 +22,21 @@ Go to the project directory and execute the following instruction:
#### **npm**
```bash
+# 0.72
npm install @react-native-oh-tpl/react-native-view-shot
+
+#0.77
+npm install @react-native-ohos/react-native-view-shot
```
#### **yarn**
```bash
+# 0.72
yarn add @react-native-oh-tpl/react-native-view-shot
+
+#0.77
+yarn add @react-native-ohos/react-native-view-shot
```
@@ -241,9 +244,9 @@ Then build and run the code.
### 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.
-
-Check the release version information in the release address of the third-party library: [@react-native-oh-tpl/view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases)
+This document is verified based on the following versions:
+1. RNOH:0.72.31; SDK:HarmonyOS NEXT Developer Beta6 SDK; IDE: DevEco Studio: 5.0.3.810; ROM:3.0.0.66;
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
## Properties
@@ -259,7 +262,8 @@ Check the release version information in the release address of the third-party
| options | view shot configuration. | object | no | Android, iOS | partially |
| children | the actual content to rasterize. | ReactNode | no | Android, iOS | yes |
-#### options属性详情
+
+#### options Property Details
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ------------------------ | ------------------------------------------------------------ | ------------------------------------ | -------- | ------------ | ----------------- |
@@ -285,9 +289,9 @@ Check the release version information in the release address of the third-party
## Known Issues
-- [x] HarmonyOS 资源释放接口验证未通过 [issues#2](https://github.com/react-native-oh-library/react-native-view-shot/issues/2)。
-- [ ] 被截图组件需要设置背景色,否则截图效果全黑 [issues#3](https://github.com/react-native-oh-library/react-native-view-shot/issues/3)。
-- [ ] 截图配置项 snapshotContentContainer 与 useRenderInContext 暂未实现 [issues#34](https://github.com/react-native-oh-library/react-native-view-shot/issues/34)。
+- [x] HarmonyOS resource release interface verification failed [issues#2](https://github.com/react-native-oh-library/react-native-view-shot/issues/2)。
+- [ ] The component to be screenshots needs to set the background color, otherwise the screenshot effect is all black [issues#3](https://github.com/react-native-oh-library/react-native-view-shot/issues/3)。
+- [ ] The screenshot configuration item snapshotContentContainer and useRenderInContext are not implemented yet [issues#34](https://github.com/react-native-oh-library/react-native-view-shot/issues/34)。
## Others
diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index 436b06443f3ab1ea4403aedc3c9c6c63b67125b1..62cd9da435043d67c62df5dc0165929f28b37019 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -6,12 +6,14 @@
本项目基于 [react-native-audio@4.2.2](https://github.com/jsierles/react-native-audio/tree/v4.2.2) 开发。
-该第三方库的仓库已迁移至 Gitee,且支持直接从 npm 下载,新的包名为:`@react-native-ohos/react-native-audio`,具体版本所属关系如下:
+请到三方库的 Releases 发布地址查看配套的版本信息:
+
+| Version | Package Name | Repository | Release | RN Version |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |------------|
+| <= 4.2.2@deprecated | @react-native-oh-library/react-native-audio | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-audio) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-audio/releases) | 0.72 |
+| 4.2.3 | @react-native-ohos/react-native-audio | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-audio) | [Github Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio/releases) | 0.72 |
+| 4.3.0 | @react-native-ohos/react-native-audio | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-audio) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio/releases) | 0.77 |
-| Version | Package Name | Repository | Release |
-| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
-| <= 4.2.2@deprecated | @react-native-oh-library/react-native-audio | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-audio) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-audio/releases) |
-| > 4.2.2 | @react-native-ohos/react-native-audio | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-audio) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-audio/releases) |
## 安装与使用
@@ -307,7 +309,9 @@ ohpm install
### 3.1 兼容性
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-ohos/react-native-audio Releases](https://gitee.com/openharmony-sig/rntpc_react-native-audio/releases)
+本文档内容基于以下版本验证通过:
+1. RNOH:0.72.33; SDK:HarmonyOS NEXT Beta1 SDK; IDE: DevEco Studio: 5.0.3.805; ROM:NEXT.0.0.71;
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
## 4. API
@@ -317,13 +321,13 @@ ohpm install
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ---- | ----------- | ---- | -------- | -------- | ------------------ |
-| requestAuthorization | Request microphone permission | function | no | Android/IOS | yes |
-| checkAuthorizationStatus | Check authorization status | function | no | Android/IOS | yes |
-| prepareRecordingAtPath | Initialize recording instance parameters | function | no | Android/IOS | yes |
-| startRecording | start recording | function | no | Android/IOS | yes |
-| pauseRecording | Pause recording | function | no | Android/IOS | yes |
-| resumeRecording | Resume recording | function | no | Android/IOS | yes |
-| stopRecording | stop recording | function | no | Android/IOS | yes |
+| requestAuthorization | 请求麦克风权限 | function | no | Android/IOS | yes |
+| checkAuthorizationStatus | 检查授权状态 | function | no | Android/IOS | yes |
+| prepareRecordingAtPath | 初始化录制实例参数 | function | no | Android/IOS | yes |
+| startRecording | 开始录制 | function | no | Android/IOS | yes |
+| pauseRecording | 暂停录制 | function | no | Android/IOS | yes |
+| resumeRecording | 恢复录制 | function | no | Android/IOS | yes |
+| stopRecording | 停止录制 | function | no | Android/IOS | yes |
## 5. 遗留问题
diff --git a/zh-cn/react-native-camera-kit.md b/zh-cn/react-native-camera-kit.md
index fa46deb4357b8921e7fb4254b218f2e5b6d18498..f9a75ca2c160f85e402f99f126155b08e76ef94a 100644
--- a/zh-cn/react-native-camera-kit.md
+++ b/zh-cn/react-native-camera-kit.md
@@ -3,20 +3,6 @@
react-native-camera-kit
-
-
-
-
-
-
-
-
-
-
-
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-camera-kit)
-
-## 安装与使用
请到三方库的 Releases 发布地址查看配套的版本信息:
@@ -26,6 +12,8 @@
| 14.0.2 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.72 |
| 15.1.1 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.77 |
+## 安装与使用
+
对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
进入到工程目录并输入以下命令:
@@ -287,15 +275,9 @@ ohpm install
### 兼容性
-要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库的 Releases 发布地址查看配套的版本信息:
-
-| 三方库版本 | 发布信息 | 支持RN版本 |
-| ---------- | ------------------------------------------------------------ | ---------- |
-| 14.0.1@deprecated | [@react-native-oh-tpl/react-native-camera-kit Releases(deprecated)](https://github.com/react-native-oh-library/react-native-camera-kit/releases) | 0.72 |
-| 14.0.2 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.72 |
-| 15.1.1 | [@react-native-ohos/react-native-camera-kit Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-camera-kit/releases) | 0.77 |
+本文档内容基于以下版本验证通过:
+1. RNOH:0.72.40; SDK:HarmonyOS NEXT Developer DB3; IDE: DevEco Studio: 5.0.5.220; ROM:NEXT.0.0.105;
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
### 权限要求
@@ -375,57 +357,57 @@ ohpm install
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|-----------------|----------------------|----------|----------|-------------|-------------------|
-| ref | Reference on the camera view | Ref | no | All | yes |
-| style | Style to apply on the camera view | StyleProp\ | no | All | yes |
-| flashMode | Camera flash mode. Default: `auto` | 'on'`/`'off'`/`'auto' | no | All | yes |
-| focusMode | Camera focus mode. Default: on | 'on'`/`'off' | no | All | yes |
-| zoomMode | Enable the pinch to zoom gesture. Default: on | 'on'`/`'off' | no | All | yes |
-| zoom | Control the zoom. Default: 1.0 | Number | no | All | yes |
-| maxZoom | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max) | Number | no | All | yes |
-| onZoom | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}. | Function | no | All | yes |
-| torchMode | Toggle flash light when camera is active. Default: off | 'on'`/`'off' | no | All | yes |
-| cameraType | Choose what camera to use. Default: `CameraType. | 'front'/'back' | no | All | yes |
-| onOrientationChange | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value | Function | no | iOS | yes |
-| onError | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}. | Function | no | Android | yes |
-| shutterPhotoSound |Android only. Enable or disable the shutter sound when capturing a photo. Default: `true` | Boolean | no | Android | yes
-| ratioOverlay | Show a guiding overlay in the camera preview for the selected ratio. Does not crop image as of v9.0. Example: '16:9' | String | no | iOS | yes |
-| ratioOverlayColor | Any color with alpha. Default: '#ffffff77' | String | no | All | yes |
-| resetFocusTimeout | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds. | Number | no | All | yes |
-| resetFocusWhenMotionDetected | Dismiss tap to focus when focus area content changes. Native iOS feature, see documentation: https://developer.apple.com/documentation/avfoundation/avcapturedevice/1624644-subjectareachangemonitoringenabl?language=objc). Default true. | Boolean | no | iOS | no |
-| resizeMode | Determines the scaling and cropping behavior of content within the view. cover (resizeAspectFill on iOS) scales the content to fill the view completely, potentially cropping content if its aspect ratio differs from the view. contain (resizeAspect on iOS) scales the content to fit within the view's bounds without cropping, ensuring all content is visible but may introduce letterboxing. Default behavior depends on the specific use case. | 'cover' / 'contain' | no | iOS | no |
-| onCaptureButtonPressIn | Callback when iPhone capture button is pressed in. Ex: onCaptureButtonPressIn={() => console.log("volume button pressed in")} | Function | no | iOS | yes |
-| onCaptureButtonPressOut | Callback when iPhone capture button is released. Ex: onCaptureButtonPressOut={() => console.log("volume button released")} | Function | no | iOS | no |
+| ref | 相机视图的引用 | Ref | no | All | yes |
+| style | 应用在相机视图上的样式 | StyleProp\ | no | All | yes |
+| flashMode | 相机闪光灯模式。默认值:FlashMode.FLASH_MODE_CLOSE | FlashMode.FLASH_MODE_CLOSE / FlashMode.FLASH_MODE_OPEN / FlashMode.FLASH_MODE_AUTO / FlashMode.FLASH_MODE_ALWAYS_OPEN | no | All | yes |
+| focusMode | 相机对焦模式。默认值:FOCUS_MODE_AUTO | FOCUS_MODE_CONTINUOUS_AUTO / FOCUS_MODE_AUTO / FOCUS_MODE_LOCKED / FocusMode.FOCUS_MODE_MANUAL | no | All | yes |
+| zoomMode | 启用双指缩放手势。默认值:开启 | 'on'`/`'off' | no | All | yes |
+| zoom | 控制缩放。默认值:1.0 | Number | no | All | yes |
+| maxZoom | 允许的最大缩放倍数(但不超过相机允许的最大值)。默认值:undefined(相机默认最大值) | Number | no | All | yes |
+| onZoom | 用户做出捏合手势时的回调,无论zoom属性被设置为什么值。返回的事件包含zoom。例如:onZoom={(e) => console.log(e.nativeEvent.zoom)}。 | Function | no | All | yes |
+| torchMode | 相机激活时切换闪光灯。默认值:关闭 | 'on'`/`'off' | no | All | yes |
+| cameraType | 选择使用的相机。默认值:`CameraType. | 'front'/'back' | no | All | yes |
+| onOrientationChange | 物理设备方向改变时的回调。返回的事件包含orientation。例如:onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}。使用import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... }来理解新值 | Function | no | iOS | yes |
+| onError | 仅Android。相机初始化失败时的回调。例如:onError={(e) => console.log(e.nativeEvent.errorMessage)}。 | Function | no | Android | yes |
+| shutterPhotoSound |仅Android。启用或禁用拍照时的快门声音。默认值:`true` | Boolean | no | Android | yes
+| ratioOverlay | 在相机预览中显示选定比例的引导覆盖层。不会裁剪图像(截至v9.0)。例如:'16:9' | String | no | iOS | yes |
+| ratioOverlayColor | 任何带透明度的颜色。默认值:'#ffffff77' | String | no | All | yes |
+| resetFocusTimeout | 在这么多毫秒后取消点击对焦。默认值0(禁用)。例如:5000是5秒。 | Number | no | All | yes |
+| resetFocusWhenMotionDetected | 当对焦区域内容发生变化时取消点击对焦。原生iOS功能,参见文档:https://developer.apple.com/documentation/avfoundation/avcapturedevice/1624644-subjectareachangemonitoringenabl?language=objc)。默认值true。 | Boolean | no | iOS | no |
+| resizeMode | 确定视图内内容的缩放和裁剪行为。cover(在iOS上为resizeAspectFill)将内容缩放到完全填充视图,如果其宽高比与视图不同,则可能裁剪内容。contain(在iOS上为resizeAspect)将内容缩放到视图边界内而不裁剪,确保所有内容可见但可能引入黑边。默认行为取决于具体使用情况。 | 'cover' / 'contain' | no | iOS | no |
+| onCaptureButtonPressIn | iPhone拍摄按钮按下时的回调。例如:onCaptureButtonPressIn={() => console.log("volume button pressed in")} | Function | no | iOS | yes |
+| onCaptureButtonPressOut | iPhone拍摄按钮释放时的回调。例如:onCaptureButtonPressOut={() => console.log("volume button released")} | Function | no | iOS | no |
**ScanCode**:扫码组件
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|-----------------|----------------------|----------|----------|-------------|-------------------|
-| ref | Reference on the camera view | Ref | no | All | yes |
-| style | Style to apply on the camera view | StyleProp\ | no | All | yes |
-| flashMode | Get secret value | 'on'`/`'off'`/`'auto' | no | All | yes |
-| zoomMode | Enable the pinch to zoom gesture. Default: on | 'on'`/`'off' | no | All | yes |
-| zoom | Control the zoom. Default: 1.0 | Number | no | All | yes |
-| maxZoom | Maximum zoom allowed (but not beyond what camera allows). Default: undefined (camera default max) | Number | no | All | yes |
-| onZoom | Callback when user makes a pinch gesture, regardless of what the zoom prop was set to. Returned event contains zoom. Ex: onZoom={(e) => console.log(e.nativeEvent.zoom)}. | Function | no | All | yes |
-| torchMode | Toggle flash light when camera is active. Default: off | 'on'`/`'off' | no | All | yes |
-| cameraType | Choose what camera to use. Default: `CameraType. | 'front'/'back' | no | All | no |
-| onOrientationChange | Callback when physical device orientation changes. Returned event contains orientation. Ex: onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}. Use import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... } to understand the new value | Function | no | iOS | no |
-| onError | Android only. Callback when camera fails to initialize. Ex: onError={(e) => console.log(e.nativeEvent.errorMessage)}. | Function | no | Android | yes |
-| resetFocusTimeout | Dismiss tap to focus after this many milliseconds. Default 0 (disabled). Example: 5000 is 5 seconds. | Number | no | All | yes |
-| scanThrottleDelay | Duration between scan detection in milliseconds. Default 2000 (2s) if you need to dynamically set this value, you need to add the key parameter to force refresh this component | Number | no | All | yes |
-| scanBarcode | Enable barcode scanner. Default: `false` | boolean | no | All | yes |
-| showFrame | Show frame in barcode scanner. Default: `false` | boolean | no | All | yes |
-| laserColor | Color of barcode scanner laser visualization. Default: `red` | string | no | All | yes |
-| frameColor | Color of barcode scanner frame visualization. Default: `yellow` | string | no | All | yes |
-| onReadCode | Callback when scanner successfully reads barcode. Returned event contains `codeStringValue`. Default: `null`. Ex: `onReadCode={(event) => console.log(event.nativeEvent.codeStringValue)} | Function | no | All | yes |
+| ref | 相机视图的引用 | Ref | no | All | yes |
+| style | 应用在相机视图上的样式 | StyleProp\ | no | All | yes |
+| flashMode | 获取秘密值 | FlashMode.FLASH_MODE_CLOSE / FlashMode.FLASH_MODE_ALWAYS_OPEN | no | All | yes |
+| zoomMode | 启用双指缩放手势。默认值:开启 | 'on'`/`'off' | no | All | yes |
+| zoom | 控制缩放。默认值:1.0 | Number | no | All | yes |
+| maxZoom | 允许的最大缩放倍数(但不超过相机允许的最大值)。默认值:undefined(相机默认最大值) | Number | no | All | yes |
+| onZoom | 用户做出捏合手势时的回调,无论zoom属性被设置为什么值。返回的事件包含zoom。例如:onZoom={(e) => console.log(e.nativeEvent.zoom)}。 | Function | no | All | yes |
+| torchMode | 相机激活时切换闪光灯。默认值:关闭 | 'on'`/`'off' | no | All | yes |
+| cameraType | 选择使用的相机。默认值:`CameraType. | 'front'/'back' | no | All | no |
+| onOrientationChange | 物理设备方向改变时的回调。返回的事件包含orientation。例如:onOrientationChange={(event) => console.log(event.nativeEvent.orientation)}。使用import { Orientation } from 'react-native-camera-kit'; if (event.nativeEvent.orientation === Orientation.PORTRAIT) { ... }来理解新值 | Function | no | iOS | no |
+| onError | 仅Android。相机初始化失败时的回调。例如:onError={(e) => console.log(e.nativeEvent.errorMessage)}。 | Function | no | Android | yes |
+| resetFocusTimeout | 在这么多毫秒后取消点击对焦。默认值0(禁用)。例如:5000是5秒。 | Number | no | All | yes |
+| scanThrottleDelay | 扫描检测之间的时间间隔(毫秒)。默认值2000(2秒),如果需要动态设置此值,需要添加key参数来强制刷新此组件 | Number | no | All | yes |
+| scanBarcode | 启用条形码扫描器。默认值:`false` | boolean | no | All | yes |
+| showFrame | 在条形码扫描器中显示框架。默认值:`false` | boolean | no | All | yes |
+| laserColor | 条形码扫描器激光可视化的颜色。默认值:`red` | string | no | All | yes |
+| frameColor | 条形码扫描器框架可视化的颜色。默认值:`yellow` | string | no | All | yes |
+| onReadCode | 扫描器成功读取条形码时的回调。返回的事件包含`codeStringValue`。默认值:`null`。例如:`onReadCode={(event) => console.log(event.nativeEvent.codeStringValue)} | Function | no | All | yes |
## 静态方法
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ----- | ------------------- | ---------- | -------- | -------- | ----------------- |
-| capture | Capture image as JPEG. | Promise | No | All | Yes |
-| requestDeviceCameraAuthorization | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise | No | All | Yes |
-| checkDeviceCameraAuthorizationStatus | `AVAuthorizationStatusAuthorized` returns `true` otherwise, returns `false` | Promise | All | Yes |Yes|
+| capture | 以JPEG格式捕获图像。 | Promise | No | All | Yes |
+| requestDeviceCameraAuthorization | `AVAuthorizationStatusAuthorized`返回`true`,否则返回`false` | Promise | No | All | Yes |
+| checkDeviceCameraAuthorizationStatus | `AVAuthorizationStatusAuthorized`返回`true`,否则返回`false` | Promise | All | Yes |Yes|
## 遗留问题
diff --git a/zh-cn/react-native-community-progress-view.md b/zh-cn/react-native-community-progress-view.md
index d674bfee74f53a88c17d9cff48eb50781de8d0e0..cacc9cfad1e42ec1a0597746cce2f1a1b43dbb7a 100644
--- a/zh-cn/react-native-community-progress-view.md
+++ b/zh-cn/react-native-community-progress-view.md
@@ -7,12 +7,13 @@
本项目基于 [react-native-community/progress-view@1.4.2](https://github.com/react-native-progress-view/progress-view) 开发。
-该第三方库的仓库已迁移至 Gitee,且支持直接从 npm 下载,新的包名为:`@react-native-ohos/react-native-progress-view`,具体版本所属关系如下:
+请到三方库的 Releases 发布地址查看配套的版本信息:
-| Version | Package Name | Repository | Release |
-| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |
-| <= 1.4.2@deprecated | @react-native-oh-tpl/progress-view | [Github(deprecated)](https://github.com/react-native-oh-library/progress-view) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/progress-view/releases) |
-| > 1.4.2 | @react-native-ohos/progress-view | [Gitee](https://gitee.com/openharmony-sig/rntpc_progress-view) | [Gitee Releases](https://gitee.com/openharmony-sig/rntpc_progress-view/releases) |
+| Version | Package Name | Repository | Release | RN Version |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -----------
+| <= 1.4.2@deprecated | @react-native-oh-tpl/progress-view | [Github(deprecated)](https://github.com/react-native-oh-library/progress-view) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/progress-view/releases) | 0.72 |
+| 1.4.3 | @react-native-ohos/progress-view | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_progress-view) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_progress-view/releases) | 0.72 |
+| 1.5.0 | @react-native-ohos/progress-view | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_progress-view) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_progress-view/releases) | 0.77 |
## 安装与使用
@@ -223,9 +224,9 @@ ohpm install
### 3.1 兼容性
-要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-ohos/react-native-progress-view Releases](https://gitee.com/openharmony-sig/rntpc_progress-view/releases)
+本文档内容基于以下版本验证通过:
+1. RNOH:0.72.38; SDK:HarmonyOS-5.0.0(API12); IDE: DevEco Studio 5.1.1.830; ROM:5.0.0.110;
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
## 4. 属性
@@ -235,13 +236,13 @@ ohpm install
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ------------------- | ------------------------------------------ | ------ | -------- | -------- | ----------------- |
-| `progress` | The progress value (between 0 and 1). | number | No | All | Yes |
-| `progressTintColor` | The tint color of the progress bar itself. | string | No | All | Yes |
-| `trackTintColor` | The tint color of the progress bar track. | string | No | All | Yes |
-| `progressImage` | A stretchable image to display as the progress bar. | Image.propTypes.source | No | All | No |
-| `trackImage` | A stretchable image to display behind the progress bar. Network images only work on Windows.| Image.propTypes.source | No | All | No |
-| `progressViewStyle` | The progress bar style. Network images only work on Windows. | enum('default', 'bar') | No | All | No |
-| `isIndeterminate` | Turns progress bar into an indeterminate progress bar. | bool | No | Windows | Partially |
+| `progress` | 进度值(在0和1之间)。 | number | No | All | Yes |
+| `progressTintColor` | 进度条本身的着色。 | string | No | All | Yes |
+| `trackTintColor` | 进度条轨道的着色。 | string | No | All | Yes |
+| `progressImage` | 作为进度条显示的可拉伸图像。 | Image.propTypes.source | No | All | No |
+| `trackImage` | 显示在进度条后面的可拉伸图像。仅网络图像在Windows上有效。| Image.propTypes.source | No | All | No |
+| `progressViewStyle` | 进度条样式。仅网络图像在Windows上有效。 | enum('default', 'bar') | No | All | No |
+| `isIndeterminate` | 将进度条转换为不定期进度条。 | bool | No | Windows | Partially |
## 5. 遗留问题
diff --git a/zh-cn/react-native-dropdown-picker.md b/zh-cn/react-native-dropdown-picker.md
index 93e6c7fe802d7bc33f156fbdff0b42f9e61a8e2a..07cac2cf385787413d384eace54dba019436b37c 100644
--- a/zh-cn/react-native-dropdown-picker.md
+++ b/zh-cn/react-native-dropdown-picker.md
@@ -4,19 +4,17 @@
react-native-dropdown-picker
-
-
-
-
-
-
-
-
+请到三方库的 Releases 发布地址查看配套的版本信息:
+
+| Version | Support RN version |
+| ---------- | ---------- |
+| 5.4.6 | 0.72/0.77 |
-> [!TIP] [Github 地址](https://github.com/hossein-zare/react-native-dropdown-picker)
## 安装与使用
+进入到工程目录并输入以下命令:
+
#### **npm**
@@ -94,6 +92,7 @@ export default function App() {
1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25 (API Version 12 Canary4); 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.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
## 属性
@@ -103,113 +102,113 @@ export default function App() {
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|----------------------------|------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------|----------|----------|-------------------|
-| items | State variable that holds the items. | array | yes | All | yes |
-| value | State variable that specifies the value of the selected item. It's an array of values for multiple item pickers. | string\|string[] | yes | All | yes |
-| open | State variable that specifies whether the picker is open. | boolean | yes | All | yes |
-| props | Adds native props for the container TouchableOpacity. | object | no | All | yes |
-| itemProps | Adds native props for the TouchableOpacity of each item. | object | no | All | yes |
-| containerProps | Adds native props for the container. | object | no | All | yes |
-| labelProps | Adds native props for the Text element of the selected item. | object | no | All | yes |
-| multiple | You can select multiple items | boolean | no | All | yes |
-| min | Specifies the minimum number of items. | number | no | All | yes |
-| max | Specifies the maximum number of items. | number | no | All | yes |
-| disabled | Disables the picker. | boolean | no | All | yes |
-| maxHeight | Max height of the drop-down box. | number | no | All | yes |
-| disableBorderRadius | Disables changing the border radius when opening. | boolean | no | All | yes |
-| stickyHeader | Makes categories stick to the top of the screen until the next one pushes it off. | boolean | no | All | yes |
-| autoScroll | Automatically scrolls to the first selected item. | boolean | no | All | yes |
-| testID | Used to locate the picker in end-to-end tests. | string | no | All | yes |
-| zIndex | Specifies the stack order. | number | no | All | yes |
-| zIndexInverse | Specifies the inverse stack order. | number | no | All | yes |
-| setOpen | State callback that is called when the user presses the picker. | (open: boolean) => void | yes | All | yes |
-| setItems | State callback that is called to modify or add new items. | (callback: SetStateAction[]) => void | no | All | yes |
-| setValue | State callback that is called when the value changes. | (callback: SetStateAction) => void | yes | All | yes |
-| onChangeValue | Callback that returns the current value. | (value: ValueType) => void \| (value: ValueType[]) => void \| null | no | All | yes |
-| onSelectItem | Callback that returns the selected item / items. | (item: ItemType) => void \| (items: ItemType[]) => void \| null | no | All | yes |
-| onPress | Callback that is called as soon as the user presses the picker. | (open: boolean) => void | no | All | yes |
-| onOpen | Callback that is called when the user opens the picker. | () => void | no | All | yes |
-| onClose | Callback that is called when the user closes the picker. | () => void | no | All | yes |
-| style | Set style | object | no | All | yes |
-| containerStyle | Set containerStyle | object | no | All | yes |
-| disabledStyle | Set disabledStyle | object | no | All | yes |
-| textStyle | Set textStyle | object | no | All | yes |
-| labelStyle | Set labelStyle | object | no | All | yes |
-| placeholder | Placeholder text. | string | no | All | yes |
-| placeholderStyle | placeholderStyle | object | no | All | yes |
-| showArrowIcon | Specifies if the arrow icons should be visible. | boolean | no | All | yes |
-| showTickIcon | Specifies if the tick icon should be visible. | boolean | no | All | yes |
-| hideSelectedItemIcon | Hides the icon of the selected item. | boolean | no | All | yes |
-| ArrowUpIconComponent | Changes the arrow-up icon. | function | no | All | yes |
-| ArrowDownIconComponent | Changes the arrow-down icon. | function | no | All | yes |
-| TickIconComponent | Changes the tick icon. | function | no | All | yes |
-| CloseIconComponent | Changes the close icon. | function | no | All | yes |
-| arrowIconStyle | Set arrowIconStyle | object | no | All | yes |
-| tickIconStyle | Set tickIconStyle | object | no | All | yes |
-| closeIconStyle | Set closeIconStyle | object | no | All | yes |
-| iconContainerStyle | Set iconContainerStyle | object | no | All | yes |
-| arrowIconContainerStyle | Set arrowIconContainerStyle | object | no | All | yes |
-| tickIconContainerStyle | Set tickIconContainerStyle | object | no | All | yes |
-| closeIconContainerStyle | Set closeIconContainerStyle | object | no | All | yes |
-| loading | Displays an ActivityIndicator when the items aren't loaded yet. | boolean | no | All | yes |
-| ActivityIndicatorComponent | Customizes the ActivityIndicator. | function | no | All | yes |
-| activityIndicatorColor | Changes the default color of the ActivityIndicator. | string | no | All | yes |
-| activityIndicatorSize | Changes the default size of the ActivityIndicator. | number | no | All | yes |
-| searchable | Enables the search feature in the drop-down menu / modal. | boolean | no | All | yes |
-| searchTextInputProps | Adds native props for the text input. | object | no | All | yes |
-| searchWithRegionalAccents | Allows searching without typing local accents. | boolean | no | All | no |
-| disableLocalSearch | Disables search between local items. This comes in handy for remote search. | boolean | no | All | yes |
-| addCustomItem | Shows the searched text as an item when there's nothing to show. | boolean | no | All | yes |
-| searchPlaceholder | Changes the placeholder text of the text input. Both of the following properties are available. | string | no | All | yes |
-| onChangeSearchText | Callback that is called when the text changes in the text input. | function | no | All | yes |
-| searchContainerStyle | Set searchContainerStyle | object | no | All | yes |
-| searchTextInputStyle | Set searchTextInputStyle | object | no | All | yes |
-| searchPlaceholderTextColor | Set searchPlaceholderTextColor | string | no | All | yes |
-| customItemContainerStyle | Set customItemContainerStyle | object | no | All | yes |
-| customItemLabelStyle | Set customItemLabelStyle | object | no | All | yes |
-| categorySelectable | Specifies if the categories can be selected. | boolean | no | All | yes |
-| listParentContainerStyle | Set listParentContainerStyle | object | no | All | yes |
-| listParentLabelStyle | Set listParentLabelStyle | object | no | All | yes |
-| listChildContainerStyle | Set listChildContainerStyle | object | no | All | yes |
-| listChildLabelStyle | Set listChildLabelStyle | object | no | All | yes |
-| mode | Modes display selected items. | 'DEFAULT'\|'SIMPLE'\|'BADGE' | no | All | yes |
-| showBadgeDot | Shows dots in the badges. | boolean | no | All | yes |
-| badgeProps | Adds native props for the badge container TouchableOpacity. | object | no | All | yes |
-| extendableBadgeContainer | Allows the badges to expand in multiple rows. | boolean | no | All | yes |
-| renderBadgeItem | Renders the selected items. | function | no | All | yes |
-| badgeStyle | Set badgeStyle | object | no | All | yes |
-| badgeTextStyle | Set badgeTextStyle | object | no | All | yes |
-| badgeDotStyle | Set badgeDotStyle | object | no | All | yes |
-| badgeSeparatorStyle | Set badgeSeparatorStyle | object | no | All | yes |
-| badgeColors | Gives background colors to badges based on the value. | object, string | no | All | yes |
-| badgeDotColors | Gives background colors to badge dots based on the value. | object, string | no | All | yes |
-| dropDownDirection | Specifies which direction the drop-down menu should open. | 'DEFAULT'\|'TOP'\|'BOTTOM'\|'AUTO' | no | All | yes |
-| bottomOffset | Specifies the maximum bottom offset. To use this prop you need dropDownDirection="AUTO". | number | no | All | yes |
-| onDirectionChanged | Callback that is called when the direction changes. | function | no | All | yes |
-| dropDownContainerStyle | Set dropDownContainerStyle | object | no | All | yes |
-| itemKey | Specifies which item key should be used as a key. | string | no | All | yes |
-| closeAfterSelecting | Closes the picker after selecting an item. | boolean | no | All | yes |
-| closeOnBackPressed | Closes the picker after pressing the back button. | boolean | no | All | yes |
-| itemSeparator | Specifies if the item separater should be visible. | boolean | no | All | yes |
-| renderListItem | Customizes the renderListItem. | function | no | All | yes |
-| ListEmptyComponent | Changes the default ListEmptyComponent. | function | no | All | yes |
-| listItemContainerStyle | Set listItemContainerStyle | object | no | All | yes |
-| listItemLabelStyle | Set listItemLabelStyle | object | no | All | yes |
-| selectedItemContainerStyle | Set selectedItemContainerStyle | object | no | All | yes |
-| selectedItemLabelStyle | Set selectedItemLabelStyle | object | no | All | yes |
-| disabledItemContainerStyle | Set disabledItemContainerStyle | object | no | All | yes |
-| disabledItemLabelStyle | Set disabledItemLabelStyle | object | no | All | yes |
-| listMessageContainerStyle | Set listMessageContainerStyle | object | no | All | yes |
-| listMessageTextStyle | Set listMessageTextStyle | object | no | All | yes |
-| itemSeparatorStyle | Set itemSeparatorStyle | object | no | All | yes |
-| listMode | You have 3 options when choosing the list mode. | 'DEFAULT'\|'FLATLIST'\|'SCROLLVIEW'\|'MODAL' | no | All | yes |
-| flatListProps | Adds native props for the FlatList. | object | no | All | yes |
-| scrollViewProps | Adds native props for the ScrollView. | object | no | All | yes |
-| modalProps | Adds native props for the Modal. | object | no | All | yes |
-| modalTitle | Sets modal title.listMode="MODAL" and searchable={false} are required. | string | no | All | yes |
-| modalAnimationType | This prop controls how the modal animates. | 'slide'\|'fade'\|'none' | no | All | yes |
-| modalContentContainerStyle | Set modalContentContainerStyle | object | no | All | yes |
-| modalTitleStyle | Set modalTitleStyle | object | no | All | yes |
-| rtl | Makes the component right to left. | boolean | no | All | yes |
+| items | 保存项目的状态变量。 | array | yes | All | yes |
+| value | 指定所选项目值的状态变量。对于多项选择器,它是一个值数组。 | string\|string[] | yes | All | yes |
+| open | 指定选择器是否打开的状态变量。 | boolean | yes | All | yes |
+| props | 为容器TouchableOpacity添加原生属性。 | object | no | All | yes |
+| itemProps | 为每个项目的TouchableOpacity添加原生属性。 | object | no | All | yes |
+| containerProps | 为容器添加原生属性。 | object | no | All | yes |
+| labelProps | 为所选项目的Text元素添加原生属性。 | object | no | All | yes |
+| multiple | 可以选择多个项目 | boolean | no | All | yes |
+| min | 指定项目的最小数量。 | number | no | All | yes |
+| max | 指定项目的最大数量。 | number | no | All | yes |
+| disabled | 禁用选择器。 | boolean | no | All | yes |
+| maxHeight | 下拉框的最大高度。 | number | no | All | yes |
+| disableBorderRadius | 禁止打开时更改边框半径。 | boolean | no | All | yes |
+| stickyHeader | 使分类粘在屏幕顶部,直到下一个分类将其推离。 | boolean | no | All | yes |
+| autoScroll | 自动滚动到第一个选定的项目。 | boolean | no | All | yes |
+| testID | 用于在端到端测试中定位选择器。 | string | no | All | yes |
+| zIndex | 指定堆叠顺序。 | number | no | All | yes |
+| zIndexInverse | 指定反向堆叠顺序。 | number | no | All | yes |
+| setOpen | 当用户按下选择器时调用的状态回调。 | (open: boolean) => void | yes | All | yes |
+| setItems | 调用以修改或添加新项目的状态回调。 | (callback: SetStateAction[]) => void | no | All | yes |
+| setValue | 当值改变时调用的状态回调。 | (callback: SetStateAction) => void | yes | All | yes |
+| onChangeValue | 返回当前值的回调。 | (value: ValueType) => void \| (value: ValueType[]) => void \| null | no | All | yes |
+| onSelectItem | 返回所选项目/项目的回调。 | (item: ItemType) => void \| (items: ItemType[]) => void \| null | no | All | yes |
+| onPress | 用户按下选择器时立即调用的回调。 | (open: boolean) => void | no | All | yes |
+| onOpen | 用户打开选择器时调用的回调。 | () => void | no | All | yes |
+| onClose | 用户关闭选择器时调用的回调。 | () => void | no | All | yes |
+| style | 设置样式 | object | no | All | yes |
+| containerStyle | 设置容器样式 | object | no | All | yes |
+| disabledStyle | 设置禁用样式 | object | no | All | yes |
+| textStyle | 设置文本样式 | object | no | All | yes |
+| labelStyle | 设置标签样式 | object | no | All | yes |
+| placeholder | 占位符文本。 | string | no | All | yes |
+| placeholderStyle | 占位符样式 | object | no | All | yes |
+| showArrowIcon | 指定箭头图标是否可见。 | boolean | no | All | yes |
+| showTickIcon | 指定勾选图标是否可见。 | boolean | no | All | yes |
+| hideSelectedItemIcon | 隐藏所选项目的图标。 | boolean | no | All | yes |
+| ArrowUpIconComponent | 更改向上箭头图标。 | function | no | All | yes |
+| ArrowDownIconComponent | 更改向下箭头图标。 | function | no | All | yes |
+| TickIconComponent | 更改勾选图标。 | function | no | All | yes |
+| CloseIconComponent | 更改关闭图标。 | function | no | All | yes |
+| arrowIconStyle | 设置箭头图标样式 | object | no | All | yes |
+| tickIconStyle | 设置勾选图标样式 | object | no | All | yes |
+| closeIconStyle | 设置关闭图标样式 | object | no | All | yes |
+| iconContainerStyle | 设置图标容器样式 | object | no | All | yes |
+| arrowIconContainerStyle | 设置箭头图标容器样式 | object | no | All | yes |
+| tickIconContainerStyle | 设置勾选图标容器样式 | object | no | All | yes |
+| closeIconContainerStyle | 设置关闭图标容器样式 | object | no | All | yes |
+| loading | 当项目尚未加载时显示活动指示器。 | boolean | no | All | yes |
+| ActivityIndicatorComponent | 自定义活动指示器。 | function | no | All | yes |
+| activityIndicatorColor | 更改活动指示器的默认颜色。 | string | no | All | yes |
+| activityIndicatorSize | 更改活动指示器的默认大小。 | number | no | All | yes |
+| searchable | 启用下拉菜单/模态框中的搜索功能。 | boolean | no | All | yes |
+| searchTextInputProps | 为文本输入添加原生属性。 | object | no | All | yes |
+| searchWithRegionalAccents | 允许在不输入本地重音符号的情况下进行搜索。 | boolean | no | All | no |
+| disableLocalSearch | 禁用本地项目之间的搜索。这对于远程搜索很有用。 | boolean | no | All | yes |
+| addCustomItem | 当没有内容可显示时,将搜索的文本显示为项目。 | boolean | no | All | yes |
+| searchPlaceholder | 更改文本输入的占位符文本。以下两个属性都可用。 | string | no | All | yes |
+| onChangeSearchText | 文本输入中的文本更改时调用的回调。 | function | no | All | yes |
+| searchContainerStyle | 设置搜索容器样式 | object | no | All | yes |
+| searchTextInputStyle | 设置搜索文本输入样式 | object | no | All | yes |
+| searchPlaceholderTextColor | 设置搜索占位符文本颜色 | string | no | All | yes |
+| customItemContainerStyle | 设置自定义项目容器样式 | object | no | All | yes |
+| customItemLabelStyle | 设置自定义项目标签样式 | object | no | All | yes |
+| categorySelectable | 指定分类是否可选择。 | boolean | no | All | yes |
+| listParentContainerStyle | 设置列表父容器样式 | object | no | All | yes |
+| listParentLabelStyle | 设置列表父标签样式 | object | no | All | yes |
+| listChildContainerStyle | 设置列表子容器样式 | object | no | All | yes |
+| listChildLabelStyle | 设置列表子标签样式 | object | no | All | yes |
+| mode | 模式显示选定的项目。 | 'DEFAULT'\|'SIMPLE'\|'BADGE' | no | All | yes |
+| showBadgeDot | 在徽章中显示点。 | boolean | no | All | yes |
+| badgeProps | 为徽章容器TouchableOpacity添加原生属性。 | object | no | All | yes |
+| extendableBadgeContainer | 允许徽章在多行中展开。 | boolean | no | All | yes |
+| renderBadgeItem | 渲染选定的项目。 | function | no | All | yes |
+| badgeStyle | 设置徽章样式 | object | no | All | yes |
+| badgeTextStyle | 设置徽章文本样式 | object | no | All | yes |
+| badgeDotStyle | 设置徽章点样式 | object | no | All | yes |
+| badgeSeparatorStyle | 设置徽章分隔符样式 | object | no | All | yes |
+| badgeColors | 根据值为徽章提供背景颜色。 | object, string | no | All | yes |
+| badgeDotColors | 根据值为徽章点提供背景颜色。 | object, string | no | All | yes |
+| dropDownDirection | 指定下拉菜单应打开的方向。 | 'DEFAULT'\|'TOP'\|'BOTTOM'\|'AUTO' | no | All | yes |
+| bottomOffset | 指定最大底部偏移量。要使用此属性,您需要dropDownDirection="AUTO"。 | number | no | All | yes |
+| onDirectionChanged | 方向更改时调用的回调。 | function | no | All | yes |
+| dropDownContainerStyle | 设置下拉容器样式 | object | no | All | yes |
+| itemKey | 指定应作为键使用的项目键。 | string | no | All | yes |
+| closeAfterSelecting | 选择项目后关闭选择器。 | boolean | no | All | yes |
+| closeOnBackPressed | 按下返回按钮后关闭选择器。 | boolean | no | All | yes |
+| itemSeparator | 指定项目分隔符是否可见。 | boolean | no | All | yes |
+| renderListItem | 自定义renderListItem。 | function | no | All | yes |
+| ListEmptyComponent | 更改默认的ListEmptyComponent。 | function | no | All | yes |
+| listItemContainerStyle | 设置列表项目容器样式 | object | no | All | yes |
+| listItemLabelStyle | 设置列表项目标签样式 | object | no | All | yes |
+| selectedItemContainerStyle | 设置所选项目容器样式 | object | no | All | yes |
+| selectedItemLabelStyle | 设置所选项目标签样式 | object | no | All | yes |
+| disabledItemContainerStyle | 设置禁用项目容器样式 | object | no | All | yes |
+| disabledItemLabelStyle | 设置禁用项目标签样式 | object | no | All | yes |
+| listMessageContainerStyle | 设置列表消息容器样式 | object | no | All | yes |
+| listMessageTextStyle | 设置列表消息文本样式 | object | no | All | yes |
+| itemSeparatorStyle | 设置项目分隔符样式 | object | no | All | yes |
+| listMode | 选择列表模式时有3个选项。 | 'DEFAULT'\|'FLATLIST'\|'SCROLLVIEW'\|'MODAL' | no | All | yes |
+| flatListProps | 为FlatList添加原生属性。 | object | no | All | yes |
+| scrollViewProps | 为ScrollView添加原生属性。 | object | no | All | yes |
+| modalProps | 为Modal添加原生属性。 | object | no | All | yes |
+| modalTitle | 设置模态框标题。listMode="MODAL"和searchable={false}是必需的。 | string | no | All | yes |
+| modalAnimationType | 此属性控制模态框的动画方式。 | 'slide'\|'fade'\|'none' | no | All | yes |
+| modalContentContainerStyle | 设置模态框内容容器样式 | object | no | All | yes |
+| modalTitleStyle | 设置模态框标题样式 | object | no | All | yes |
+| rtl | 使组件从右到左。 | boolean | no | All | yes |
## 静态方法
@@ -220,11 +219,11 @@ export default function App() {
| Name | Description | Type | Required | Platform | HarmonyOS Support |
|-------------------|-------------------------------------------------------|----------|----------|----------|-------------------|
-| setLanguage | You can also change the default language globally. | function | no | All | yes |
-| addTranslation | You are able to add a new translation to the package. | function | no | All | yes |
-| modifyTranslation | Modify an existing translation | function | no | All | yes |
-| addTheme | Add a theme | function | no | All | yes |
-| setTheme | Change the default theme | function | no | All | yes |
+| setLanguage | 您也可以全局更改默认语言。 | function | no | All | yes |
+| addTranslation | 您可以向包中添加新的翻译。 | function | no | All | yes |
+| modifyTranslation | 修改现有翻译 | function | no | All | yes |
+| addTheme | 添加主题 | function | no | All | yes |
+| setTheme | 更改默认主题 | function | no | All | yes |
## 遗留问题
- [ ] 方法String.prototype.normalize('NFD')在RN框架下有问题,导致属性searchWithRegionalAccents不生效。
diff --git a/zh-cn/react-native-keyboard-aware-scroll-view.md b/zh-cn/react-native-keyboard-aware-scroll-view.md
index 2a9db5b2eaa883a1f2ee333e2ea3c467cd110a95..c4a0b0a3af0f9a846b86e255aac32014d4ffe92d 100644
--- a/zh-cn/react-native-keyboard-aware-scroll-view.md
+++ b/zh-cn/react-native-keyboard-aware-scroll-view.md
@@ -3,20 +3,17 @@
react-native-keyboard-aware-scroll-view
-
-
-
-
-
-
-
-
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view)
+请到三方库的 Releases 发布地址查看配套的版本信息:
+
+| Version | Package Name | Repository | Release | RN Version |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -----------
+| 0.9.5 | @react-native-oh-tpl/react-native-keyboard-aware-scroll-view | [Github](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view) | [Github Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | 0.72 |
+| 0.9.5 | @react-native-ohos/react-native-keyboard-aware-scroll-view | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-keyboard-aware-scroll-view) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-keyboard-aware-scroll-view/releases) | 0.72 |
+| 0.10.0 | @react-native-ohos/react-native-keyboard-aware-scroll-view | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-keyboard-aware-scroll-view) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-keyboard-aware-scroll-view/releases) | 0.77 |
## 安装与使用
-请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-keyboard-aware-scroll-view Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
进入到工程目录并输入以下命令:
@@ -25,13 +22,21 @@
#### **npm**
```bash
+# 0.72
npm install @react-native-oh-tpl/react-native-keyboard-aware-scroll-view
+
+# 0.77
+npm install @react-native-ohos/react-native-keyboard-aware-scroll-view
```
#### **yarn**
```bash
+# 0.72
yarn add @react-native-oh-tpl/react-native-keyboard-aware-scroll-view
+
+# 0.77
+yarn add @react-native-ohos/react-native-keyboard-aware-scroll-view
```
@@ -97,9 +102,9 @@ const styles = StyleSheet.create({
### 兼容性
-要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/react-native-keyboard-aware-scroll-view Releases](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases)
+本文档内容基于以下版本验证通过:
+1. RNOH:0.72.29; SDK:HarmonyOS NEXT Developer Beta6 SDK; IDE: DevEco Studio 5.0.3.706; ROM:3.0.0.65;
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
## 属性
@@ -111,22 +116,22 @@ const styles = StyleSheet.create({
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ------------------------- | ---------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| viewIsInsideTabBar | Adds an extra offset that represents the `TabBarIOS` height. | boolean | NO | iOS | YES |
-| resetScrollToCoords | Coordinates that will be used to reset the scroll when the keyboard hides. | Object: {x: number, y: number} | NO | All | YES |
-| enableAutomaticScroll | When focus in `TextInput` will scroll the position, default is enabled. | boolean | NO | All | YES |
-| extraHeight | Adds an extra offset when focusing the `TextInput`s. | number | NO | All | YES |
-| extraScrollHeight | Adds an extra offset to the keyboard. Useful if you want to stick elements above the keyboard. | number | NO | All | YES |
-| enableResetScrollToCoords | Lets the user enable or disable automatic resetScrollToCoords. | boolean | NO | All | YES |
-| keyboardOpeningTime | Sets the delay time before scrolling to new position, default is 250 | number | NO | iOS | YES |
-| onKeyboardWillShow | What to do when the keyboard is about to appear | (event?) => void | NO | iOS | NO |
-| onKeyboardDidShow | What to do when the keyboard appears | (event?) => void | NO | All | YES |
-| onKeyboardWillHide | What to do when the keyboard is about to be hidden | (event?) => void | NO | iOS | NO |
-| onKeyboardDidHide | What to do when hiding the keyboard | (event?) => void | NO | All | YES |
-| onKeyboardWillChangeFrame | When the keyboard status is about to change | (event?) => void | NO | iOS | NO |
-| onKeyboardDidChangeFrame | When the keyboard status changes | (event?) => void | NO | iOS | NO |
-| scrollToPosition | Scroll to specific position with or without animation. | (x: number, y: number, animated: bool = true) => void | NO | All | YES |
-| scrollToEnd | Scroll to end with or without animation. | (animated?: bool = true) => void | NO | All | YES |
-| scrollIntoView | Scrolls an element inside a KeyboardAwareScrollView into view. | (element: React.Element<\*>, options: { getScrollPosition: ?(parentLayout, childLayout, contentOffset) => { x: number, y: number, animated: boolean } }) => void | NO | All | YES |
+| viewIsInsideTabBar | 添加一个额外的偏移量,代表 `TabBarIOS` 的高度 | boolean | NO | iOS | YES |
+| resetScrollToCoords | 当键盘隐藏时用于重置滚动的坐标 | Object: {x: number, y: number} | NO | All | YES |
+| enableAutomaticScroll | 当焦点在 `TextInput` 中时将滚动位置,默认启用 | boolean | NO | All | YES |
+| extraHeight | 在焦点设置在 `TextInput` 时添加额外偏移 | number | NO | All | YES |
+| extraScrollHeight | 添加额外偏移到键盘。如果要在键盘上方放置元素很有用 | number | NO | All | YES |
+| enableResetScrollToCoords | 让用户启用或禁用自动 resetScrollToCoords | boolean | NO | All | YES |
+| keyboardOpeningTime | 设置滚动到新位置之前的延迟时间,默认为 250 | number | NO | iOS | YES |
+| onKeyboardWillShow | 键盘即将出现时执行的操作 | (event?) => void | NO | iOS | NO |
+| onKeyboardDidShow | 键盘出现时执行的操作 | (event?) => void | NO | All | YES |
+| onKeyboardWillHide | 键盘即将隐藏时执行的操作 | (event?) => void | NO | iOS | NO |
+| onKeyboardDidHide | 键盘隐藏时执行的操作 | (event?) => void | NO | All | YES |
+| onKeyboardWillChangeFrame | 键盘状态即将更改时执行的操作 | (event?) => void | NO | iOS | NO |
+| onKeyboardDidChangeFrame | 键盘状态改变时执行的操作 | (event?) => void | NO | iOS | NO |
+| scrollToPosition | 滚动到特定位置,可带有或不带动画 | (x: number, y: number, animated: bool = true) => void | NO | All | YES |
+| scrollToEnd | 滚动到末尾,可带有或不带动画 | (animated?: bool = true) => void | NO | All | YES |
+| scrollIntoView | 将 KeyboardAwareScrollView 内的元素滚动到视图中 | (element: React.Element<\*>, options: { getScrollPosition: ?(parentLayout, childLayout, contentOffset) => { x: number, y: number, animated: boolean } }) => void | NO | All | YES |
## 遗留问题
diff --git a/zh-cn/react-native-largelist.md b/zh-cn/react-native-largelist.md
index 6ed5b7a8d971826e226f9e2c8364c37a638845fd..aee829238265909087b091d55192f378ce5421a1 100644
--- a/zh-cn/react-native-largelist.md
+++ b/zh-cn/react-native-largelist.md
@@ -3,27 +3,15 @@
react-native-largelist
-
-
-
-
-
-
-
-
-
+请到三方库的 Releases 发布地址查看配套的版本信息:
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-largelist)
+| Version | Package Name | Repository | Release | RN Version |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -----------
+| 3.1.1 | @react-native-ohos/react-native-largelist | [Github](https://github.com/react-native-oh-library/react-native-largelist) | [Github Releases](https://github.com/react-native-oh-library/react-native-largelist/releases) | 0.72 |
+| 3.2.0 | @react-native-ohos/react-native-largelist | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-largelist) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-largelist/releases) | 0.77 |
## 安装与使用
-请到三方库的 Releases 发布地址查看配套的版本信息:
-
-| 三方库版本 | 发布信息 | 支持RN版本 |
-| ---------- | ------------------------------------------------------------ | ---------- |
-| 3.1.0 | [@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/releases) | 0.72 |
-| 3.1.1 | [@react-native-ohos/react-native-largelist Releases]() | 0.77 |
-
进入到工程目录并输入以下命令:
@@ -31,20 +19,12 @@
#### **npm**
```bash
-# V3.1.0
-npm install @react-native-oh-tpl/react-native-largelist
-
-# V3.1.1
npm install @react-native-ohos/react-native-largelist
```
#### **yarn**
```bash
-# V3.1.0
-yarn add @react-native-oh-tpl/react-native-largelist
-
-# V3.1.1
yarn add @react-native-ohos/react-native-largelist
```
@@ -157,14 +137,9 @@ ohpm install
### 兼容性
-要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库的 Releases 发布地址查看配套的版本信息:
-
-| 三方库版本 | 发布信息 | 支持RN版本 |
-| ---------- | ------------------------------------------------------------ | ---------- |
-| 3.1.0 | [@react-native-oh-tpl/react-native-largelist Releases](https://github.com/react-native-oh-library/react-native-largelist/releases) | 0.72 |
-| 3.1.1 | [@react-native-ohos/react-native-largelist Releases]() | 0.77 |
+本文档内容基于以下版本验证通过:
+1. RNOH:0.72.79; SDK:HarmonyOS 5.0.0 Release SDK; IDE: DevEco Studio 5.0.7.210; ROM:5.0.0.135;
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
## 属性
diff --git a/zh-cn/react-native-nested-scroll-view.md b/zh-cn/react-native-nested-scroll-view.md
index 7d7f48ba8552817d128ac407c8853450fac7b93b..f4fa7e6c3afd8b3064c6fc9c98fc4fef13c34d38 100644
--- a/zh-cn/react-native-nested-scroll-view.md
+++ b/zh-cn/react-native-nested-scroll-view.md
@@ -3,28 +3,14 @@
react-native-nested-scroll-view
-
-
-
-
-
-
-
-
-
-
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-nested-scroll-view)
-
-## 安装与使用
-
请到三方库的 Releases 发布地址查看配套的版本信息:
-| 三方库版本 | 发布信息 | 支持RN版本 |
-| ---------- | ------------------------------------------------------------ | ---------- |
-| 9.0.0 | [@react-native-oh-tpl/react-native-nested-scroll-view Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases) | 0.72 |
-| 9.0.1 | [@react-native-ohos/react-native-nested-scroll-view Releases]() | 0.77 |
+| Version | Package Name | Repository | Release | RN Version |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -----------
+| 9.0.0 | @react-native-ohos/react-native-nested-scroll-view | [Github](https://github.com/react-native-oh-library/react-native-nested-scroll-view) | [Github Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases) | 0.72 |
+| 9.1.0 | @react-native-ohos/react-native-nested-scroll-view | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-nested-scroll-view) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-nested-scroll-view/releases) | 0.77 |
-对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+## 安装与使用
进入到工程目录并输入以下命令:
@@ -33,20 +19,12 @@
#### **npm**
```bash
-# 9.0.0
-npm install @react-native-oh-tpl/react-native-nested-scroll-view
-
-# 9.0.1
npm install @react-native-ohos/react-native-nested-scroll-view
```
#### **yarn**
```bash
-# 9.0.0
-yarn add @react-native-oh-tpl/react-native-nested-scroll-view
-
-# 9.0.1
yarn add @react-native-ohos/react-native-nested-scroll-view
```
@@ -128,13 +106,9 @@ ohpm install
### 兼容性
-要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:
-| 三方库版本 | 发布信息 | 支持RN版本 |
-| ---------- | ------------------------------------------------------------ | ---------- |
-| 9.0.0 | [@react-native-oh-tpl/react-native-nested-scroll-view Releases](https://github.com/react-native-oh-library/react-native-nested-scroll-view/releases) | 0.72 |
-| 9.0.1 | [@react-native-ohos/react-native-nested-scroll-view Releases]() | 0.77 |
+本文档内容基于以下版本验证通过:
+1. RNOH:0.72.27; SDK:HarmonyOS NEXT Developer Canary3 SP2; IDE: DevEco Studio: 5.0.3.300; ROM:3.0.0.22(Canary3);
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
## 属性
diff --git a/zh-cn/react-native-shimmer-placeholder.md b/zh-cn/react-native-shimmer-placeholder.md
index dc8520ae1fe5c18599399708535ed6a52a5ff951..6d5e4272ff9f8f24433aa740c2e00fb2bdea11b4 100644
--- a/zh-cn/react-native-shimmer-placeholder.md
+++ b/zh-cn/react-native-shimmer-placeholder.md
@@ -3,16 +3,12 @@
react-native-shimmer-placeholder
-
-
-
-
-
-
-
-
-> [!TIP] [Github 地址](https://github.com/tomzaku/react-native-shimmer-placeholder)
+请到三方库的 Releases 发布地址查看配套的版本信息:
+
+| Version | Support RN version |
+| ---------- | ---------- |
+| 2.0.9 | 0.72/0.77 |
## 安装与使用
@@ -90,6 +86,7 @@ export class ShimmerPlaceholderTest extends Component {
本文档内容基于以下版本验证通过:
1. RNOH: 0.72.27; SDK: HarmonyOS-Next-DB1 5.0.0.25; IDE: DevEco Studio 5.0.3.400SP7; ROM: 3.0.0.25;
+2. RNOH:0.77.18; SDK:HarmonyOS 5.1.1 Release; IDE: DevEco Studio 5.1.1.830; ROM:NEXT 5.1.0.150;
## 属性
@@ -99,23 +96,23 @@ export class ShimmerPlaceholderTest extends Component {
| Name | Description | Required | Type | Platform | HarmonyOS Support |
| -------------------------- | ------------------------------------------------------------------------------------------------------ | -------- | --------- | -------- | ----------------- |
-| **LinearGradient** | Linear Gradient components ('react-native-linear-gradient' or 'expo-linear-gradient') | no | Component | ALL | yes |
-| **visible** | Visible child components | no | boolean | ALL | yes |
-| **style** | Container Style | no | Style | ALL | yes |
-| **shimmerStyle** | Shimmer Style only | no | Style | ALL | yes |
-| **contentStyle** | Content Style when visible | no | Style | ALL | yes |
-| **location** | Locations of shimmer | no | number[] | ALL | yes |
-| **width** | Width of row | no | number | ALL | yes |
-| **duration** | Duration of shimmer over a row | no | number | ALL | yes |
-| **height** | Height of row | no | number | ALL | yes |
-| **shimmerWidthPercent** | Percent of shimmer width | no | number | ALL | yes |
-| **isReversed** | Reverse direction of animation | no | boolean | ALL | yes |
-| **stopAutoRun** | Stop running shimmer animation at beginning | no | boolean | ALL | yes |
-| **isInteraction** | Defines whether or not the shimmer animation creates an interaction handle on the `InteractionManager` | no | boolean | ALL | yes |
-| **shimmerColors** | Colors of the shimmer. | no | string[] | ALL | yes |
-| **containerProps** | Props passed to the outermost View | no | ViewProps | ALL | yes |
-| **shimmerContainerProps** | Props passed to the View which contains the loading animation | no | ViewProps | ALL | yes |
-| **childrenContainerProps** | Props passed to the View which contains the children | no | ViewProps | ALL | yes |
+| **LinearGradient** | 线性渐变组件('react-native-linear-gradient' 或 'expo-linear-gradient') | no | Component | ALL | yes |
+| **visible** | 显示子组件 | no | boolean | ALL | yes |
+| **style** | 容器样式 | no | Style | ALL | yes |
+| **shimmerStyle** | 闪烁效果样式 | no | Style | ALL | yes |
+| **contentStyle** | 可见时的内容样式 | no | Style | ALL | yes |
+| **location** | 闪烁位置 | no | number[] | ALL | yes |
+| **width** | 行宽度 | no | number | ALL | yes |
+| **duration** | 闪烁效果持续时间 | no | number | ALL | yes |
+| **height** | 行高度 | no | number | ALL | yes |
+| **shimmerWidthPercent** | 闪烁效果宽度百分比 | no | number | ALL | yes |
+| **isReversed** | 反向动画 | no | boolean | ALL | yes |
+| **stopAutoRun** | 在开始时停止闪烁动画 | no | boolean | ALL | yes |
+| **isInteraction** | 定义闪烁动画是否在 `InteractionManager` 上创建交互句柄 | no | boolean | ALL | yes |
+| **shimmerColors** | 闪烁效果颜色 | no | string[] | ALL | yes |
+| **containerProps** | 传递给最外层View的属性 | no | ViewProps | ALL | yes |
+| **shimmerContainerProps** | 传递给包含加载动画的View的属性 | no | ViewProps | ALL | yes |
+| **childrenContainerProps** | 传递给包含子元素的View的属性 | no | ViewProps | ALL | yes |
## 静态方法
@@ -125,7 +122,7 @@ export class ShimmerPlaceholderTest extends Component {
| Method | Description | Type | **Required** | Platform | HarmonyOS Support |
| --------------- | --------------------------- | -------- | ------------ | -------- | ----------------- |
-| **getAnimated** | get Animated of Placeholder | Animated | no | ALL | yes |
+| **getAnimated** | 获取占位符的Animated对象 | Animated | no | ALL | yes |
## 遗留问题
diff --git a/zh-cn/react-native-tab-navigator.md b/zh-cn/react-native-tab-navigator.md
index 0bd1dbd9f3c4ce3ea9f3649c9c49c1dcc5a85f1a..0868a0753ed5de8f920a7e0cc0d5c0ce1aae8ac0 100644
--- a/zh-cn/react-native-tab-navigator.md
+++ b/zh-cn/react-native-tab-navigator.md
@@ -3,27 +3,16 @@
react-native-tab-navigator
-
-
-
-
-
-
-
-
-
-
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-tab-navigator)
-
-## 安装与使用
请到三方库的 Releases 发布地址查看配套的版本信息:
-| 三方库版本 | 发布信息 | 支持RN版本 |
-| ---------- | ------------------------------------------------------------ | ---------- |
-| 0.3.4 | [@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/releases) | 0.72 |
-| 0.4.0 | [@react-native-ohos/react-native-file-viewer Releases]() | 0.77 |
+| Version | Package Name | Repository | Release | RN Version |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -----------
+| <=0.3.4@deprecated | @react-native-oh-tpl/react-native-tab-navigator | [Github(deprecated)](https://github.com/react-native-oh-library/react-native-tab-navigator) | [Github Releases(deprecated)](https://github.com/react-native-oh-library/react-native-tab-navigator/releases) | 0.72 |
+| 0.3.4 | @react-native-ohos/react-native-tab-navigator | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-tab-navigator) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-tab-navigator/releases) | 0.72 |
+| 0.4.0 | @react-native-ohos/react-native-tab-navigator | [Gitcode](https://gitcode.com/openharmony-sig/rntpc_react-native-tab-navigator) | [Gitcode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-tab-navigator/releases) | 0.77 |
+## 安装与使用
进入到工程目录并输入以下命令:
@@ -32,20 +21,12 @@
#### **npm**
```bash
-# V0.3.4
-npm install @react-native-oh-tpl/react-native-tab-navigator
-
-# V0.3.5
npm install @react-native-ohos/react-native-tab-navigator
```
#### **yarn**
```bash
-# V0.3.4
-yarn add @react-native-oh-tpl/react-native-tab-navigator
-
-# V0.3.5
yarn add @react-native-ohos/react-native-tab-navigator
```
@@ -130,14 +111,9 @@ export default App;
### 兼容性
-要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库的 Releases 发布地址查看配套的版本信息:
-
-| 三方库版本 | 发布信息 | 支持RN版本 |
-| ---------- | ------------------------------------------------------------ | ---------- |
-| 0.3.4 | [@react-native-oh-tpl/react-native-tab-navigator Releases](https://github.com/react-native-oh-library/react-native-tab-navigator/releases) | 0.72 |
-| 0.3.5 | [@react-native-ohos/react-native-file-viewer Releases]() | 0.77 |
+本文档内容基于以下版本验证通过:
+1. RNOH:0.72.26; SDK:HarmonyOS NEXT Developer Beta1; IDE: DevEco Studio: 5.0.3.300SP2; ROM:3.0.0.25;
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
## 属性
@@ -149,29 +125,29 @@ export default App;
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ----------------- | ------------------------------- | -------------- | -------- | ----------- | ----------------- |
-| sceneStyle | define for rendered scene | object (style) | No | iOS/Android | Yes |
-| tabBarStyle | define style for TabBar | object (style) | No | iOS/Android | Yes |
-| tabBarShadowStyle | define shadow style for tabBar | object (style) | No | iOS/Android | Yes |
-| hidesTabTouch | disable onPress opacity for Tab | boolean | No | iOS/Android | Yes |
+| sceneStyle | 定义渲染场景的样式 | object (style) | No | iOS/Android | Yes |
+| tabBarStyle | 定义TabBar的样式 | object (style) | No | iOS/Android | Yes |
+| tabBarShadowStyle | 定义tabBar的阴影样式 | object (style) | No | iOS/Android | Yes |
+| hidesTabTouch | 禁用Tab的onPress透明度 | boolean | No | iOS/Android | Yes |
### TabNavigator.Item props
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ------------------ | -------------------------------------------------- | ---------------- | -------- | ----------- | ----------------- |
-| renderIcon | returns Item icon | function | No | iOS/Android | Yes |
-| renderSelectedIcon | returns selected Item icon | function | No | iOS/Android | Yes |
-| badgeText | text for Item badge | string or number | No | iOS/Android | Yes |
-| renderBadge | returns Item badge | function | No | iOS/Android | Yes |
-| title | Item title | string | No | iOS/Android | Yes |
-| titleStyle | styling for Item title | style | No | iOS/Android | Yes |
-| selectedTitleStyle | styling for selected Item title | style | No | iOS/Android | Yes |
-| tabStyle | styling for tab | style | No | iOS/Android | Yes |
-| selected | return whether the item is selected | boolean | No | iOS/Android | Yes |
-| onPress | onPress method for Item | function | No | iOS/Android | Yes |
-| allowFontScaling | allow font scaling for title | boolean | No | iOS/Android | Yes |
-| accessible | indicates if this item is an accessibility element | boolean | No | iOS/Android | Yes |
-| accessibilityLabel | override text for screen readers | string | No | iOS/Android | Yes |
-| testID | used to locate this item in end-to-end-tests | string | No | iOS/Android | Yes |
+| renderIcon | 返回Item图标 | function | No | iOS/Android | Yes |
+| renderSelectedIcon | 返回选中的Item图标 | function | No | iOS/Android | Yes |
+| badgeText | Item徽章的文本 | string or number | No | iOS/Android | Yes |
+| renderBadge | 返回Item徽章 | function | No | iOS/Android | Yes |
+| title | Item标题 | string | No | iOS/Android | Yes |
+| titleStyle | Item标题的样式 | style | No | iOS/Android | Yes |
+| selectedTitleStyle | 选中Item标题的样式 | style | No | iOS/Android | Yes |
+| tabStyle | tab的样式 | style | No | iOS/Android | Yes |
+| selected | 返回item是否被选中 | boolean | No | iOS/Android | Yes |
+| onPress | Item的onPress方法 | function | No | iOS/Android | Yes |
+| allowFontScaling | 允许标题字体缩放 | boolean | No | iOS/Android | Yes |
+| accessible | 指示此item是否为辅助功能元素 | boolean | No | iOS/Android | Yes |
+| accessibilityLabel | 覆盖屏幕阅读器的文本 | string | No | iOS/Android | Yes |
+| testID | 用于在端到端测试中定位此item | string | No | iOS/Android | Yes |
## 遗留问题
diff --git a/zh-cn/react-native-view-shot.md b/zh-cn/react-native-view-shot.md
index d77e54b6e19c25a848ded0a80e049ff5e122b9ec..e1f7427193410fb8da952f809da2134c1f5bc393 100644
--- a/zh-cn/react-native-view-shot.md
+++ b/zh-cn/react-native-view-shot.md
@@ -3,20 +3,15 @@
react-native-view-shot
-
-
-
-
-
-
-
-
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-view-shot)
+请到三方库的 Releases 发布地址查看配套的版本信息:
-## 安装与使用
+| Version | Package Name | Repository | Release | RN Version |
+| ------------------------------ | ---------------------------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ | -----------
+| 3.8.0 | @react-native-oh-tpl/react-native-view-shot | [Github](https://github.com/react-native-oh-library/react-native-view-shot) | [Github Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases) | 0.72 |
+| 3.9.0 | @react-native-ohos/react-native-view-shot | [Github](https://github.com/react-native-oh-library/react-native-view-shot) | [Github Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases) | 0.77 |
-请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-tpl/react-native-view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases) 。对于未发布到npm的旧版本,请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+## 安装与使用
进入到工程目录并输入以下命令:
@@ -25,13 +20,21 @@
#### **npm**
```bash
+# 0.72
npm install @react-native-oh-tpl/react-native-view-shot
+
+#0.77
+npm install @react-native-ohos/react-native-view-shot
```
#### **yarn**
```bash
+# 0.72
yarn add @react-native-oh-tpl/react-native-view-shot
+
+#0.77
+yarn add @react-native-ohos/react-native-view-shot
```
@@ -241,9 +244,9 @@ ohpm install
### 兼容性
-要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。
-
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/view-shot Releases](https://github.com/react-native-oh-library/react-native-view-shot/releases)
+本文档内容基于以下版本验证通过:
+1. RNOH:0.72.31; SDK:HarmonyOS NEXT Developer Beta6 SDK; IDE: DevEco Studio: 5.0.3.810; ROM:3.0.0.66;
+2. RNOH:0.77.18; SDK:HarmonyOS 6.0.0 Release; IDE: DevEco Studio 6.0.0.858; ROM:6.0.0.112;
## 属性
@@ -263,13 +266,13 @@ ohpm install
| Name | Description | Type | Required | Platform | HarmonyOS Support |
| ------------------------ | ------------------------------------------------------------ | ------------------------------------ | -------- | ------------ | ----------------- |
-| fileName | the file name of the file. Must be at least 3 characters long. | string | no | Android, iOS | yes |
-| width / height | the width and height of the final image (resized from the View bound. don't provide it if you want the original pixel size). | number | no | Android, iOS | yes |
-| quality | the quality. 0.0 - 1.0 (default). (only available on lossy formats like jpg) | number | no | Android, iOS | yes |
-| format | either png or jpg. Defaults to png. | string | no | Android, iOS | yes |
-| result | the method you want to use to save the snapshot, one of:
"tmpfile" (default): save to a temporary file (that will only exist for as long as the app is running).
"base64": encode as base64 and returns the raw string. Use only with small images as this may result of lags (the string is sent over the bridge). N.B. This is not a data uri, use data-uri instead.
"data-uri": same as base64 but also includes the Data URI scheme header. | ( 'tmpfile' \|'base64' \|'data-uri') | no | Android, iOS | yes |
-| snapshotContentContainer | if true and when view is a ScrollView, the "content container" height will be evaluated instead of the container height. | boolean | no | Android, iOS | no |
-| useRenderInContext | change the iOS snapshot strategy to use method renderInContext instead of drawViewHierarchyInRect which may help for some use cases. | boolean | no | Android, iOS | no |
+| fileName | 文件的名称。必须至少包含3个字符。 | string | no | Android, iOS | yes |
+| width / height | 最终图像的宽度和高度(从视图边界调整大小。如果需要原始像素大小,请不要提供此参数)。 | number | no | Android, iOS | yes |
+| quality | 质量。0.0 - 1.0(默认值)。(仅在jpg等有损格式中可用) | number | no | Android, iOS | yes |
+| format | png或jpg格式。默认为png。 | string | no | Android, iOS | yes |
+| result | 保存快照的方法,可选值:
"tmpfile"(默认):保存到临时文件(应用程序运行期间存在)。
"base64":编码为base64并返回原始字符串。仅适用于小图像,因为这可能导致延迟(字符串通过桥接发送)。注意:这不是数据URI,请改用data-uri。
"data-uri":与base64相同,但还包括数据URI方案头。 | ( 'tmpfile' \|'base64' \|'data-uri') | no | Android, iOS | yes |
+| snapshotContentContainer | 如果为true且视图为ScrollView,则会评估"内容容器"的高度而不是容器高度。 | boolean | no | Android, iOS | no |
+| useRenderInContext | 更改iOS快照策略,使用renderInContext方法代替drawViewHierarchyInRect,这可能有助于某些用例。 | boolean | no | Android, iOS | no |
## API