From 9a705f903b193c778be0e348574b551d53f3085f Mon Sep 17 00:00:00 2001
From: quguiren <quguiren1@huawei-partners.com>
Date: Tue, 16 Dec 2025 14:28:19 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20[Issues:=20#ICQ5WX]=20=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A00.77=2030=E4=B8=AA=E4=B8=89=E6=96=B9=E5=BA=93=E6=96=87?=
 =?UTF-8?q?=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: quguiren <quguiren1@huawei-partners.com>
---
 zh-cn/bam-tech-react-native-image-resizer.md |   2 +
 zh-cn/baronha-ting.md                        |   2 +
 zh-cn/gorhom-bottom-sheet.md                 |  31 +-
 zh-cn/jpush-react-native.md                  |   4 +
 zh-cn/react-native-ble-plx.md                |   7 +-
 zh-cn/react-native-code-push.md              |   2 +
 zh-cn/react-native-config.md                 | 117 +++++++-
 zh-cn/react-native-image-gallery.md          |  52 +++-
 zh-cn/react-native-iphone-screen-helper.md   |  24 +-
 zh-cn/react-native-localization-settings.md  |  29 +-
 zh-cn/react-native-localize.md               |  18 +-
 zh-cn/react-native-permissions.md            |   5 +-
 zh-cn/react-native-share.md                  |   7 +-
 zh-cn/react-native-ssl-pinning.md            | 300 ++++++++++---------
 zh-cn/react-native-svg-capi.md               | 125 +++++++-
 zh-cn/react-native-translucent-modal.md      |   4 +-
 zh-cn/react-native-user-agent.md             |   2 +
 zh-cn/react-native-zip-archive.md            |   8 +-
 zh-cn/realm-js.md                            |  48 ++-
 zh-cn/victory-native-xl.md                   |  11 +-
 20 files changed, 571 insertions(+), 227 deletions(-)

diff --git a/zh-cn/bam-tech-react-native-image-resizer.md b/zh-cn/bam-tech-react-native-image-resizer.md
index f85ac81b..b4074edb 100644
--- a/zh-cn/bam-tech-react-native-image-resizer.md
+++ b/zh-cn/bam-tech-react-native-image-resizer.md
@@ -280,6 +280,8 @@ export default ImageResizerDemo;
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
+**注意：** V3.1.0 不需要执行 Codegen。
+
 ## Link
 
 |                                      | 是否支持autolink | RN框架版本 |
diff --git a/zh-cn/baronha-ting.md b/zh-cn/baronha-ting.md
index 32daf042..2319a7d0 100644
--- a/zh-cn/baronha-ting.md
+++ b/zh-cn/baronha-ting.md
@@ -83,6 +83,8 @@ export default App;
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[Codegen 使用文档](/zh-cn/codegen.md)。
 
+> [!TIP] V1.3.0 不需要执行 Codegen。
+
 ## Link
 
 |                                      | 是否支持autolink | RN框架版本 |
diff --git a/zh-cn/gorhom-bottom-sheet.md b/zh-cn/gorhom-bottom-sheet.md
index ca06660a..17aa61b6 100644
--- a/zh-cn/gorhom-bottom-sheet.md
+++ b/zh-cn/gorhom-bottom-sheet.md
@@ -57,6 +57,7 @@ yarn add @react-native-ohos/bottom-sheet
 // bottom-sheet组件
 import React, { useCallback, useRef, useMemo } from "react";
 import { StyleSheet, View, Text, Button } from "react-native";
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import BottomSheet, { BottomSheetView } from "@gorhom/bottom-sheet";
 
 const App = () => {
@@ -79,7 +80,7 @@ const App = () => {
 
   // render
   return (
-    <View style={styles.container}>
+    <GestureHandlerRootView style={styles.container}>
       <Button title="Snap To 90%" onPress={() => handleSnapPress(2)} />
       <Button title="Snap To 50%" onPress={() => handleSnapPress(1)} />
       <Button title="Snap To 25%" onPress={() => handleSnapPress(0)} />
@@ -87,13 +88,14 @@ const App = () => {
       <BottomSheet
         ref={sheetRef}
         snapPoints={snapPoints}
+        enableDynamicSizing={false}
         onChange={handleSheetChange}
       >
-        <BottomSheetView>
+        <BottomSheetView style={styles.contentContainer}>
           <Text>Awesome 🔥</Text>
         </BottomSheetView>
       </BottomSheet>
-    </View>
+    </GestureHandlerRootView>
   );
 };
 
@@ -101,6 +103,12 @@ const styles = StyleSheet.create({
   container: {
     flex: 1,
     paddingTop: 200,
+    backgroundColor: 'grey'
+  },
+  contentContainer: {
+    flex: 1,
+    padding: 36,
+    alignItems: 'center',
   },
 });
 
@@ -110,6 +118,7 @@ export default App;
 // bottom-sheet-modal组件
 import React, { useCallback, useMemo, useRef } from 'react';
 import { View, Text, StyleSheet, Button } from 'react-native';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import {
   BottomSheetModal,
   BottomSheetView,
@@ -120,9 +129,6 @@ const App = () => {
   // ref
   const bottomSheetModalRef = useRef<BottomSheetModal>(null);
 
-  // variables
-  const snapPoints = useMemo(() => ['25%', '50%'], []);
-
   // callbacks
   const handlePresentModalPress = useCallback(() => {
     bottomSheetModalRef.current?.present();
@@ -133,8 +139,8 @@ const App = () => {
 
   // renders
   return (
-    <BottomSheetModalProvider>
-      <View style={styles.container}>
+    <GestureHandlerRootView style={styles.container}>
+      <BottomSheetModalProvider>
         <Button
           onPress={handlePresentModalPress}
           title="Present Modal"
@@ -142,16 +148,14 @@ const App = () => {
         />
         <BottomSheetModal
           ref={bottomSheetModalRef}
-          index={1}
-          snapPoints={snapPoints}
           onChange={handleSheetChanges}
         >
           <BottomSheetView style={styles.contentContainer}>
             <Text>Awesome 🎉</Text>
           </BottomSheetView>
         </BottomSheetModal>
-      </View>
-    </BottomSheetModalProvider>
+      </BottomSheetModalProvider>
+    </GestureHandlerRootView>
   );
 };
 
@@ -165,6 +169,7 @@ const styles = StyleSheet.create({
   contentContainer: {
     flex: 1,
     alignItems: 'center',
+    height: 200,
   },
 });
 
@@ -174,6 +179,8 @@ export default App;
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
+**注意：**V5.1.7不需要执行Codegen。
+
 ## Link
 
 本库鸿蒙侧实现依赖react-native-reanimated和react-native-gesture-handler的原生端代码，如已在鸿蒙工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
diff --git a/zh-cn/jpush-react-native.md b/zh-cn/jpush-react-native.md
index ed75ec41..7fceaf3e 100644
--- a/zh-cn/jpush-react-native.md
+++ b/zh-cn/jpush-react-native.md
@@ -89,6 +89,8 @@ export default App;
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[Codegen 使用文档](/zh-cn/codegen.md)。
 
+**注意：** V3.2.0及以上不需要codegen。
+
 ## Link
 
 |                                      | 是否支持autolink       | RN框架版本           |
@@ -299,9 +301,11 @@ ohpm install
 |  setSmartPushEnable(enable:boolean):void |   是否开启智能推送   |function   | no | iOS,Android     | no |
 |  setGeofenceEnable(enable:boolean):void |   是否开启地理围栏   |function   | no |Android     | no |
 |  setCollectControl(enable:boolean):void |   是否开启集中控制   |function   | no | iOS、Android     | no |
+| setDataInsightsEnable()<sup>3.2.0+</sup> | 设置应用数据洞察 |function | no | Android      | no |
 
 ## 遗留问题
 - [ ] setProperties、deleteProperties、cleanProperties、pageEnterTo、pageLeave、initCrashHandler、setMaxGeofenceNumber、deleteGeofence、addNotificationListener、addInappMessageListener，setCollectControl、setSmartPushEnable这些方法在极光推送harmonyOS-SDK中暂未支持[issue#1](https://github.com/react-native-oh-library/jpush-react-native/issues/1)
+- [ ] V3.2.0 部分属性未实现 HarmonyOS 化 [issue#1](https://gitcode.com/openharmony-sig/rntpc_jpush-react-native/issues/1)
 
 ## 其他
 
diff --git a/zh-cn/react-native-ble-plx.md b/zh-cn/react-native-ble-plx.md
index 271caa4d..25db8519 100644
--- a/zh-cn/react-native-ble-plx.md
+++ b/zh-cn/react-native-ble-plx.md
@@ -214,6 +214,8 @@ export default App;
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
+> [!TIP] V3.5.1 不需要执行 Codegen。
+
 ## Link
 
 |                                      | 是否支持autolink | RN框架版本 |
@@ -424,8 +426,11 @@ ohpm install
 | writeCharacteristicForService(serviceIdentifier: number, characteristicUUID: string, valueBase64: string,response: boolean, transactionId: string)  | write service characteristic       | Promise<Object> | No | iOS/Android      | yes |
 | writeCharacteristic(characteristicIdentifier: number, valueBase64: string, response: boolean,transactionId: string)  |  write  identifier characteristic         | Promise<Object> | No | iOS/Android      | yes |
 | monitorCharacteristicForDevice(deviceId: string, serviceUUID: string, characteristicUUID: string,transactionId: string)  | monitor device  characteristic        | Promise<void> | No | iOS/Android      | yes |
+| monitorCharacteristicForDevice<sup>3.5.1+</sup>(deviceIdentifier: DeviceId, serviceUUID:  UUID, characteristicUUID: UUID, listener: (error: BleError \| null, characteristic: Characteristic \| null) => void, transactionId?: TransactionId,  subscriptionType?: CharacteristicSubscriptionType):  Subscription | monitor device characteristic | Promise<Object> | yes | iOS/Android | yes |
 | monitorCharacteristicForService(serviceIdentifier: number, characteristicUUID: string,transactionId: string)  | monitor service  characteristic         | Promise<void> | No | iOS/Android      | yes |
+| monitorCharacteristicForService<sup>3.5.1+</sup>(serviceUUID: UUID,  characteristicUUID: UUID, listener: (error: BleError \| null, characteristic: Characteristic \| null) => void, transactionId?: TransactionId, subscriptionType?:  CharacteristicSubscriptionType): Subscription | monitor service characteristic | Promise<Object> | yes | iOS/Android | yes |
 | monitorCharacteristic(characteristicIdentifier: number, transactionId: string)  | monitor identifier characteristic        | Promise<void> | No | iOS/Android      | yes |
+| monitorCharacteristic<sup>3.5.1+</sup>(characteristicUUID: UUID, listener: (error: BleError \| null, characteristic: Characteristic \| null) => void, transactionId?: string, subscriptionType?: CharacteristicSubscriptionType): Subscription | monitor identifier characteristic | Promise<Object> | yes | iOS/Android | yes |
 | readDescriptorForDevice(deviceId: string, serviceUUID: string, characteristicUUID: string, descriptorUUID: string,transactionId: string)  | read device descriptor      | Promise<Object> | No | iOS/Android      | yes |
 | readDescriptorForService(serviceIdentifier: number, characteristicUUID: string, descriptorUUID: string,transactionId: string)  | read service descriptor         | Promise<Object> | No | iOS/Android      | yes |
 | readDescriptorForCharacteristic(characteristicIdentifier: number, descriptorUUID: string,transactionId: string)  | read identifier characteristic descriptor          | Promise<Object> | No | iOS/Android      | yes |
@@ -447,4 +452,4 @@ ohpm install
 
 ## 开源协议
 
-本项目基于 [Apache License 2.0](https://github.com/dotintent/react-native-ble-plx/blob/master/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [Apache License 2.0](https://github.com/dotintent/react-native-ble-plx/blob/master/LICENSE) ，请自由地享受和参与开源。
\ No newline at end of file
diff --git a/zh-cn/react-native-code-push.md b/zh-cn/react-native-code-push.md
index 4c43db99..3984a4ca 100644
--- a/zh-cn/react-native-code-push.md
+++ b/zh-cn/react-native-code-push.md
@@ -290,6 +290,8 @@ export default CodePush(codePushOptions)(App);
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
+**注意：** V9.0.2 不需要执行 Codegen。
+
 ## Link
 
 |                                      | 是否支持autolink | RN框架版本 |
diff --git a/zh-cn/react-native-config.md b/zh-cn/react-native-config.md
index c6bea5e2..d4fdea76 100644
--- a/zh-cn/react-native-config.md
+++ b/zh-cn/react-native-config.md
@@ -30,20 +30,35 @@ Config.GOOGLE_MAPS_API_KEY; // 'abcdefgh'
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+请到三方库的 Releases 发布地址查看配套的版本信息：
+
+| 三方库版本 | 发布信息                                                     | 支持RN版本 |
+| ---------- | ------------------------------------------------------------ | ---------- |
+| 1.5.3      | [@react-native-oh-tpl/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases) | 0.72       |
+| 1.5.5      | [@react-native-ohos/react-native-config Releases]()    | 0.77       |
+
+对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
 #### npm
 
 ```bash
+# V1.5.3
 npm install @react-native-oh-tpl/react-native-config
+
+# V1.5.5
+npm install @react-native-ohos/react-native-config
 ```
 
 #### yarn
 
 ```bash
+# V1.5.3
 yarn add @react-native-oh-tpl/react-native-config
+
+# V1.5.5
+yarn add @react-native-ohos/react-native-config
 ```
 
 
@@ -51,7 +66,7 @@ yarn add @react-native-oh-tpl/react-native-config
 
 > [!WARNING] 使用时 import 的库名不变。
 
-```
+```js
 import React, {Component} from 'react';
 import {StyleSheet, Text, View} from 'react-native';
 
@@ -86,6 +101,8 @@ const styles = StyleSheet.create({
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
+**注意**： V1.5.5 不需要执行Codegen。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
@@ -113,7 +130,7 @@ const styles = StyleSheet.create({
 
 > [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
 
-把`<RN工程>/node_modules/@react-native-oh-tpl/react-native-config/harmony/`目录下的源码`<config>`复制到`harmony`工程根目录下
+把`<RN工程>/node_modules/@react-native-oh-tpl/react-native-config/harmony/` (V1.5.3)或 `<RN工程>/node_modules/@react-native-ohos/react-native-config/harmony/`(V1.5.5)目录下的源码`<config>`复制到`harmony`工程根目录下
 
 在`harmony`工程根目录的 `build-profile.template.json5`（若存在）和`build-profile.json5` 添加以下模块
 
@@ -129,6 +146,8 @@ modules:[
 
 打开 `entry/oh-package.json5`，添加以下依赖
 
+- V1.5.3
+
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
@@ -136,6 +155,17 @@ modules:[
   }
 ```
 
+- V1.5.5
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-ohos/react-native-config": "file:../config"
+  }
+```
+
+
+
 点击右上角的 `sync` 按钮
 
 或者在终端执行：
@@ -145,15 +175,85 @@ cd entry
 ohpm install
 ```
 
-### 3.在 ArkTs 侧引入 RNConfigPackage
+### 3.配置CMakeLists和引入RNConfigPackage
+
+>注：1.5.5版本及以上需要配置CMakeLists和引入RNConfigPackage
+
+```diff
+project(rnapp)
+cmake_minimum_required(VERSION 3.4.1)
+set(CMAKE_SKIP_BUILD_RPATH TRUE)
+set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}")
+set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
+set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules/@rnoh/react-native-openharmony/src/main/cpp")
+set(RNOH_GENERATED_DIR "${CMAKE_CURRENT_SOURCE_DIR}/generated")
+set(LOG_VERBOSITY_LEVEL 1)
+set(CMAKE_ASM_FLAGS "-Wno-error=unused-command-line-argument -Qunused-arguments")
+set(CMAKE_CXX_FLAGS "-fstack-protector-strong -Wl,-z,relro,-z,now,-z,noexecstack -s -fPIE -pie")
+set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
+
+set(WITH_HITRACE_SYSTRACE 1) # for other CMakeLists.txt files to use
+add_compile_definitions(WITH_HITRACE_SYSTRACE)
+
+# (VM) Define a variable and assign it to the current module's cpp directory
+set(NATIVERENDER_ROOT_PATH ${CMAKE_CURRENT_SOURCE_DIR})
+
+# Add the Header File directory, including cpp, cpp/include, and tell cmake to find the Header Files introduced by the code here
+include_directories(${NATIVERENDER_ROOT_PATH}
+                    ${NATIVERENDER_ROOT_PATH}/include)
+
+add_subdirectory("${RNOH_CPP_DIR}" ./rn)
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-config/src/main/cpp" ./config)
+file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
+add_library(rnoh_app SHARED
+    ${GENERATED_CPP_FILES}
+    "./PackageProvider.cpp"
+    "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp"
+)
+target_link_libraries(rnoh_app PUBLIC rnoh)
++ target_link_libraries(rnoh_app PUBLIC rnoh_config)
+```
+
+打开`entry/src/main/cpp/PackageProvider.cpp`，添加：
+
+```diff
+#include "RNOH/PackageProvider.h"
++ #include"RNConfigPackage.h"
+using namespace rnoh;
+
+std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Context ctx)
+{
+    return {
++        std::make_shared<RNConfigPackage>(ctx)
+    };
+}
+```
+
+在工程目录下打开`hvigorfile.ts` ，替换为：
+
+```diff
+import { appTasks } from '@ohos/hvigor-ohos-plugin';
+
+export default {
+  system: appTasks,
+  plugins: []
+}
+```
+
+### 4.在 ArkTs 侧引入 RNConfigPackage
 
 打开 `entry/src/main/ets/RNPackagesFactory.ts`，添加：
 
 ```diff
 import type { RNPackageContext, RNPackage } from 'rnoh/ts';
   ...
+// V1.5.3
 + import { RNConfigPackage } from '@react-native-oh-tpl/react-native-config/ts';
 
+// V1.5.5
++ import { RNConfigPackage } from '@react-native-ohos/react-native-config/ts';
+
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
     new SamplePackage(ctx),
@@ -162,7 +262,7 @@ export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
 }
 ```
 
-### 4.运行
+### 5.运行
 
 点击右上角的 `sync` 按钮
 
@@ -226,7 +326,12 @@ set ENVFILE=.env.staging&&"D:\DevEcoStudio\tools\node\node.exe" "D:\DevEcoStudio
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-library/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：
+
+| 三方库版本 | 发布信息                                                     | 支持RN版本 |
+| ---------- | ------------------------------------------------------------ | ---------- |
+| 1.5.3      | [@react-native-oh-tpl/react-native-config Releases](https://github.com/react-native-oh-library/react-native-config/releases) | 0.72       |
+| 1.5.5      | [@react-native-ohos/react-native-config Releases]()    | 0.77       |
 
 ## 属性
 
diff --git a/zh-cn/react-native-image-gallery.md b/zh-cn/react-native-image-gallery.md
index b3b86628..aba49ffc 100644
--- a/zh-cn/react-native-image-gallery.md
+++ b/zh-cn/react-native-image-gallery.md
@@ -18,7 +18,14 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-image-gallery Releases](https://github.com/react-native-oh-library/react-native-image-gallery/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+请到三方库的 Releases 发布地址查看配套的版本信息：
+
+| 三方库版本 | 发布信息                                                     | 支持RN版本 |
+| ---------- | ------------------------------------------------------------ | ---------- |
+| 2.1.5      | [@react-native-oh-tpl/react-native-image-gallery Releases](https://github.com/react-native-oh-library/react-native-image-gallery/releases) | 0.72       |
+| 2.1.6      | [@react-native-ohos/react-native-image-gallery Releases]()   | 0.77       |
+
+对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
@@ -27,13 +34,21 @@
 #### **npm**
 
 ```bash
+# V2.1.5 for RN0.72
 npm i @react-native-oh-tpl/react-native-image-gallery
+
+# V2.1.6 for RN0.77
+npm i @react-native-ohos/react-native-image-gallery
 ```
 
 #### **yarn**
 
 ```bash
+# V2.1.5 for RN0.72
 yarn add @react-native-oh-tpl/react-native-image-gallery
+
+# V2.1.6 for RN0.77
+yarn add @react-native-ohos/react-native-image-gallery
 ```
 
 <!-- tabs:end -->
@@ -65,24 +80,29 @@ import Gallery from 'react-native-image-gallery';
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-image-gallery Releases](https://github.com/react-native-oh-library/react-native-image-gallery/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：
+
+| 三方库版本 | 发布信息                                                     | 支持RN版本 |
+| ---------- | ------------------------------------------------------------ | ---------- |
+| 2.1.5      | [@react-native-oh-tpl/react-native-image-gallery Releases](https://github.com/react-native-oh-library/react-native-image-gallery/releases) | 0.72       |
+| 2.1.6      | [@react-native-ohos/react-native-image-gallery Releases]()   | 0.77       |
 
 #### 属性
 
-| Prop   | Description | Type  | Default | Platform | HarmonyOS Support |
-| --------------------- | --------------------- | -------- | -------- |----------|-------------------|
-`images` | Your array of images | `array` | Required | all      | yes               |
-`initialPage` | Image displayed first | `number` | `0`|    all      | yes               |
-`imageComponent` | Custom function to render your images, 1st param is the image props, 2nd is its dimensions | `function` | `<Image>` component|    all      | yes               |
-`errorComponent` | Custom function to render the page of an image that couldn't be displayed | `function` | A `<View>` with a stylized error|    all      | yes               |
-`flatListProps` | Props to be passed to the underlying `FlatList` | `object` | `{windowSize: 3}`|     all     | yes               |
-`pageMargin` | Blank space to show between images | `number` | `0`|     all     | yes               |
-`onPageSelected` | Fired with the index of page that has been selected | `function`|          |    all      | yes               |
-`onPageScrollStateChanged` | Called when page scrolling state has changed, see [scroll state and events](#scroll-state-and-events) | `function`|     |  all        | yes               |
-`onPageScroll` | Scroll event, see [scroll state and events](#scroll-state-and-events) | `function`|      |    all      | yes               |
-`scrollViewStyle` | Custom style for the `FlatList` component | `object` | `{}`|     all     | yes               |
-`onSingleTapConfirmed` | Fired after a single tap | `function`|   |      all    | yes               |
-`onLongPress` | Fired after a long press | `function`|     |      all    | yes               |
+| Prop                       | Description                                                  | Type       | Default                          | Platform | HarmonyOS Support |
+| -------------------------- | ------------------------------------------------------------ | ---------- | -------------------------------- | -------- | ----------------- |
+| `images`                   | Your array of images                                         | `array`    | Required                         | all      | yes               |
+| `initialPage`              | Image displayed first                                        | `number`   | `0`                              | all      | yes               |
+| `imageComponent`           | Custom function to render your images, 1st param is the image props, 2nd is its dimensions | `function` | `<Image>` component              | all      | yes               |
+| `errorComponent`           | Custom function to render the page of an image that couldn't be displayed | `function` | A `<View>` with a stylized error | all      | yes               |
+| `flatListProps`            | Props to be passed to the underlying `FlatList`              | `object`   | `{windowSize: 3}`                | all      | yes               |
+| `pageMargin`               | Blank space to show between images                           | `number`   | `0`                              | all      | yes               |
+| `onPageSelected`           | Fired with the index of page that has been selected          | `function` |                                  | all      | yes               |
+| `onPageScrollStateChanged` | Called when page scrolling state has changed, see [scroll state and events](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-gallery.md#scroll-state-and-events) | `function` |                                  | all      | yes               |
+| `onPageScroll`             | Scroll event, see [scroll state and events](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-image-gallery.md#scroll-state-and-events) | `function` |                                  | all      | yes               |
+| `scrollViewStyle`          | Custom style for the `FlatList` component                    | `object`   | `{}`                             | all      | yes               |
+| `onSingleTapConfirmed`     | Fired after a single tap                                     | `function` |                                  | all      | yes               |
+| `onLongPress`              | Fired after a long press                                     | `function` |                                  | all      | yes               |
 
 ## 遗留问题
 
diff --git a/zh-cn/react-native-iphone-screen-helper.md b/zh-cn/react-native-iphone-screen-helper.md
index 008f4709..ff3de28f 100644
--- a/zh-cn/react-native-iphone-screen-helper.md
+++ b/zh-cn/react-native-iphone-screen-helper.md
@@ -21,7 +21,14 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/react-native-iphone-screen-helper Releases](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+请到三方库的 Releases 发布地址查看配套的版本信息：
+
+| 三方库版本 | 发布信息                                                     | 支持RN版本 |
+| ---------- | ------------------------------------------------------------ | ---------- |
+| 2.1.1      | [@react-native-oh-tpl/react-native-iphone-screen-helper Releases](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | 0.72       |
+| 2.1.3      | [@react-native-ohos/react-native-iphone-screen-helper Releases]() | 0.77       |
+
+对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
@@ -30,13 +37,21 @@
 #### **npm**
 
 ```bash
+# V2.1.1
 npm install @react-native-oh-tpl/react-native-iphone-screen-helper
+
+# V2.1.3
+npm install @react-native-ohos/react-native-iphone-screen-helper
 ```
 
 #### **yarn**
 
 ```bash
+# V2.1.1
 yarn add @react-native-oh-tpl/react-native-iphone-screen-helper
+
+# V2.1.3
+yarn add @react-native-ohos/react-native-iphone-screen-helper
 ```
 
 <!-- tabs:end -->
@@ -74,7 +89,12 @@ export default ScreenHelperDemo;
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-iphone-screen-helper Releases](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：
+
+| 三方库版本 | 发布信息                                                     | 支持RN版本 |
+| ---------- | ------------------------------------------------------------ | ---------- |
+| 2.1.1      | [@react-native-oh-tpl/react-native-iphone-screen-helper Releases](https://github.com/react-native-oh-library/react-native-iphone-screen-helper/releases) | 0.72       |
+| 2.1.3      | [@react-native-ohos/react-native-iphone-screen-helper Releases]() | 0.77       |
 
 ## API
 
diff --git a/zh-cn/react-native-localization-settings.md b/zh-cn/react-native-localization-settings.md
index f391c928..a6467d85 100644
--- a/zh-cn/react-native-localization-settings.md
+++ b/zh-cn/react-native-localization-settings.md
@@ -54,12 +54,25 @@ yarn add @react-native-ohos/react-native-localization-settings
 ```js
 import * as React from "react";
 import { StyleSheet, View, Text, Button } from "react-native";
+
+// V1.0.3
 import { ReactNativeLanguageDetector } from "react-native-localization-settings";
+
+// V1.2.1
+import { createLanguageDetector } from "react-native-localization-settings";
+
 import i18next from "i18next";
 import { initReactI18next, useTranslation } from "react-i18next";
 
+// V1.2.1
+const detector = createLanguageDetector({ async: true, cacheCurrentLanguage: false });
 i18next
-  .use(ReactNativeLanguageDetector)
+  // V1.0.3
+  .use(ReactNativeLanguageDetector)	
+
+  // V1.2.1
+  .use(detector)
+ 
   .use(initReactI18next)
   .init({
     resources: {
@@ -125,6 +138,8 @@ const styles = StyleSheet.create({
 
 ## 使用 Codegen
 
+> [!TIP]V1.2.1 不需要执行Codegen。
+
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
 ## Link
@@ -300,11 +315,13 @@ ohpm install
 
 > [!TIP] 在设置改变语言之前，确保手机系统添加相应语言
 
-| Name                       | Description | Type     | Required | Platform    | HarmonyOS Support |
-| -------------------------- |-------------| -------- | -------- | ----------- | ----------------- |
-| I18nLanguageDetectorModule | i18next语言检测器 | function | no       | iOS/Android | yes               |
-| getLanguage()              | 获取当前语言      | function | no       | iOS/Android | yes               |
-| setLanguage()              | 设置当前语言      | function | no       | iOS/Android | yes               |
+| Name                                                          | Description | Type     | Required | Platform    | HarmonyOS Support |
+| ------------------------------------------------------------- |-------------| -------- | -------- | ----------- | ----------------- |
+| ReactNativeLanguageDetector()<sup>deprecated from 1.2.1</sup> | i18next语言检测器 | function | no       | iOS/Android | yes               |
+| getLanguage()                                                 | 获取当前语言      | function | no       | iOS/Android | yes               |
+| setLanguage()                                                 | 设置当前语言      | function | no       | iOS/Android | yes               |
+| createLanguageDetector()<sup>1.2.1+</sup>                     | I18next语言检测器生成器  | function | no       | all         | yes               |
+| getLanguageAsync()<sup>1.2.1+</sup>                           | 获取当前语言      | function | no       | all         | yes               |
 
 ## 遗留问题
 
diff --git a/zh-cn/react-native-localize.md b/zh-cn/react-native-localize.md
index ab0caccd..27f9d519 100644
--- a/zh-cn/react-native-localize.md
+++ b/zh-cn/react-native-localize.md
@@ -23,6 +23,8 @@
 | 3.1.0 | @react-native-ohos/react-native-localize | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-localize) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-localize/releases) | 0.72 |
 | 3.4.2                        | @react-native-ohos/react-native-localize       | [GitCode](https://gitcode.com/openharmony-sig/rntpc_react-native-localize) | [GitCode Releases](https://gitcode.com/openharmony-sig/rntpc_react-native-localize/releases) | 0.77 |
 
+对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+
 ## 安装与使用
 
 进入到工程目录并输入以下命令：
@@ -159,17 +161,6 @@ Version <= @react-native-oh-tpl/react-native-localize@3.1.0-0.0.1@deprecated 暂
 
 打开 `entry/oh-package.json5`，添加以下依赖
 
-- 0.72
-
-```json
-"dependencies": {
-    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
-    "@react-native-oh-tpl/react-native-localize": "file:../../node_modules/@react-native-oh-tpl/react-native-localize/harmony/rn_localize.har"
-  }
-```
-
-- 0.77
-
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
@@ -241,10 +232,6 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
   ...
-// 0.72
-+ import { RNLocalizePackage } from '@react-native-oh-tpl/react-native-localize/ts';
-
-// 0.77
 + import { RNLocalizePackage } from '@react-native-ohos/react-native-localize/ts';
 
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
@@ -298,6 +285,7 @@ ohpm install
 | usesAutoDateAndTime()                    | 告诉手机是否启用了自动日期和时间设置。仅限Android | No       | Android  | No                |
 | usesAutoTimeZone()                       | 告诉手机是否启用了自动时区设置。仅限Android | No       | Android  | No                |
 | findBestLanguageTag()                    | 返回最佳的语言标签及其阅读方向 | No       | All      | yes               |
+| openAppLanguageSettings<sup>3.4.2+</sup> | 打开应用语言设置              | No       | Android  | No                |
 
 ## 遗留问题
 - [ ]  HarmonyOS 侧无法获取温度及长度单位[issue#2](https://github.com/react-native-oh-library/react-native-localize/issues/2)
diff --git a/zh-cn/react-native-permissions.md b/zh-cn/react-native-permissions.md
index bdbf3e01..7b35ad0a 100644
--- a/zh-cn/react-native-permissions.md
+++ b/zh-cn/react-native-permissions.md
@@ -224,12 +224,8 @@ target_link_libraries(rnoh_app PUBLIC rnoh_sample_package)
 + target_link_libraries(rnoh_app PUBLIC rnoh_permissions)
 # RNOH_END: manual_package_linking_2
 
-
-
 ```
 
-
-
 打开 `entry/src/main/cpp/PackageProvider.cpp`，添加：
 
 ```diff
@@ -467,6 +463,7 @@ ohos.permission.LOCATION_IN_BACKGROUND 允许应用在后台运行时获取设
 | checkLocationAccuracy   | 检查设备位置权限  | Function          | no      | iOS         | no(使用 check()查询权限) |
 | requestLocationAccuracy | 请求访问设备位置的权限  | Function          | no      | iOS         | no(使用 request()设置权限) |
 | openPhotoPicker         | 打开图片选择 | Function          | no      | iOS         | yes( iOS 需要在`PhotoLibrary`权限为`limited`才能调用，HarmonyOS不需要任何权限直接调用) |
+| canScheduleExactAlarms<sup>5.3.1+</sup> | 检查您的应用程序是否能够设置精确的闹钟。 | Function | no | Android | no(ACTION_REQUEST_SCHEDULE_EXACT_ALARM（应用后台闹钟和提醒），对应鸿蒙的ohos.permission.PUBLISH_AGENT_REMINDER权限，授权模式:为system_grant，这种权限模式不会触发用户授权对话框，也不会在设置中显示权限开关，系统在应用安装或首次使用时自动授予) |
 
 ## 遗留问题
 
diff --git a/zh-cn/react-native-share.md b/zh-cn/react-native-share.md
index 14188dc4..4c9dd35c 100644
--- a/zh-cn/react-native-share.md
+++ b/zh-cn/react-native-share.md
@@ -86,6 +86,8 @@ yarn add @react-native-ohos/react-native-share
 
 ## 使用 Codegen
 
+> [!TIP] V12.1.1及以上不需要执行 Codegen。
+
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
 ## Link
@@ -153,7 +155,7 @@ ohpm install
 
 ### 3.配置CMakeLists和引入RNSharePackage
 
->[!TIP] V12.1.0及以上需要配置CMakeLists和引入RNSharePackage。
+>[!TIP] V12.1.1及以上需要配置CMakeLists和引入RNSharePackage。
 
 ```diff
 project(rnapp)
@@ -347,6 +349,8 @@ ohpm install
 |  backgroundBottomColor  | 背景底部颜色（social为instagramstories,facebookstories传参）  | string  | no | iOS,Android       | no                |
 |  attributionURL  | 属性路径（social为instagramstories,facebookstories传参）  | string  | no | iOS,Android     | no                |
 |  backgroundVideo  | 背景视频（social为instagramstories,facebookstories传参）   | string  | no | iOS,Android     | no                |
+|  linkUrl<sup>12.1.1+</sup> | 链接分享的 URL（social为instagramstories,facebookstories传参）   | string  | no | iOS,Android     | no                |
+|  linkText<sup>12.1.1+</sup> | 链接分享的文本（social为instagramstories,facebookstories传参）   | string  | no | iOS,Android     | no                |
 
 **Social**：可支持的三方APP种类
 
@@ -426,6 +430,7 @@ ohpm install
 | image | URL的代表性图像数据 | boolean | no | iOS      | no |
 | remoteVideoUrl | URL的代表视频相对应的远程URL | boolean | no | iOS      | no |
 | video | URL的代表视频数据 | boolean | no | iOS      | no |
+| base64Icon<sup>12.1.1+</sup> | 使用Base64 编码的图片数据来显示图标 | string | no | iOS | no |
 
 **ActivityItemSource**：系统分享中自定义分享数据
 
diff --git a/zh-cn/react-native-ssl-pinning.md b/zh-cn/react-native-ssl-pinning.md
index 8323ddce..3bbba6f5 100644
--- a/zh-cn/react-native-ssl-pinning.md
+++ b/zh-cn/react-native-ssl-pinning.md
@@ -54,148 +54,168 @@ yarn add @react-native-ohos/react-native-ssl-pinning
 
 import React from 'react';
 import {
-    SafeAreaView,
-    StyleSheet,
-    ScrollView,
-    View,
-    Text,
-    StatusBar,
-    Button,
-    Alert,
+  SafeAreaView,
+  StyleSheet,
+  ScrollView,
+  View,
+  Text,
+  StatusBar,
+  Button,
+  Alert,
+  Platform,
+  TextInput,
+  
 } from 'react-native';
-import {Colors} from 'react-native/Libraries/NewAppScreen';
+import {Header, Colors} from 'react-native/Libraries/NewAppScreen';
 import {getCookies, fetch, removeCookieByName} from 'react-native-ssl-pinning';
 import FileSelector from 'react-native-file-selector';
+
+let filePath: string[] = []
+
 function SslPingDemo() : React.JSX.Element{
-    return (
-        <>
-        <StatusBar barStyle="dark-content" />
-            <SafeAreaView>
-                <ScrollView contentInsetAdjustmentBehavior="automatic" style={styles.scrollView}>
-                    <View style={styles.body}>
-                         <View style={styles.sectionContainer}>
-                            <Text style={styles.sectionTitle}>fetch bY Public Key</Text>
-                            <Text style={styles.sectionDescription}>
-                                <Button
-                                    title="fetch"
-                                    onPress={() => {
-                                        fetch("https://jsnjlq.cn", {
-                                            method: "GET" ,
-                                            timeoutInterval: 10000, // milliseconds
-                                            pkPinning: true,
-                                            sslPinning: {
-                                                certs: ["sha256/kPwnudZVhc+iC/fTd3OPph8uugk1YN5ZsJDAeM2P4UU="]
-                                            },
-                                            headers: {
-                                                Accept: "application/json; charset=utf-8", "Access-Control-Allow-Origin": "*", "e_platform": "mobile",
-                                            }
-                                        }).then(
-                                            (result) => {
-                                                Alert.alert(JSON.stringify(result));
-                                            },
-                                        );
-                                    }}
-                                />
-                            </Text>
-                        </View>
-                        <View style={styles.sectionContainer}>
-                            <Text style={styles.sectionTitle}>fetch bY Certificate</Text>
-                            <Text style={styles.sectionDescription}>
-                                <Button
-                                    title="fetch"
-                                    onPress={() => {
-                                        fetch("https://jsnjlq.cn", {
-                                            method: "POST" ,
-                                            timeoutInterval: 10000, // milliseconds
-                                            sslPinning: {
-                                                certs: ["cert"]
-                                            },
-                                            headers: {
-                                                Accept: "application/json; charset=utf-8", "Access-Control-Allow-Origin": "*", "e_platform": "mobile",
-                                            }
-                                        }).then(response => {
-                                            Alert.alert(JSON.stringify(response));
-                                        }).catch(err => {
-                                            console.log(`error: ${err}`)
-                                        })
-                                    }}
-                                />
-                            </Text>
-                        </View>
-                        <View style={styles.sectionContainer}>
-                            <FileSelector
-                                onDone={(path: string[]) => {
-                                    filePath = path
-                                }}
-                                onCancel={() => {console.log("cancelled");}}
-                            />
-                            <Text style={styles.sectionTitle} >Multipart request</Text>
-                            <Text style={styles.sectionDescription}>
-                                <Button
-                                    title="fetch"
-                                    onPress={() => {
-                                        let formData = new FormData()
-                                        formData.append('username', 'Chris');
-                                        let filePathArray = filePath.length > 0 ?filePath[0].split("/") : ["test"]
-                                        Alert.alert(JSON.stringify(filePathArray[filePathArray.length - 1]));
-                                        formData.append('file', {
-                                            name: encodeURIComponent(filePathArray[filePathArray.length - 1]),
-                                            fileName: encodeURIComponent(filePathArray[filePathArray.length - 1]),
-                                            type: "multipart/form-data",
-                                            uri: filePath[0]
-                                        })
-                                        fetch("http://123.249.28.4:8888/handerOkhttpRequest/parse", {
-                                            method: "POST" ,
-                                            timeoutInterval: 10000, // milliseconds
-                                            body: {
-                                                formData: formData,
-                                            },
-                                            sslPinning: {
-                                                certs: ["cert"]
-                                            },
-                                            headers: {
-                                                accept: 'application/json, text/plain, /',
-                                            }
-                                        })
-                                    }}
-                                />
-                            </Text>
-                        </View>
-                        <View style={styles.sectionContainer}>
-                            <Text style={styles.sectionTitle}>getCookies</Text>
-                            <Text style={styles.sectionDescription}>
-                                <Button
-                                    title="fetch"
-                                    onPress={async () => {
-                                        getCookies("jsnjlq.cn").then(
-                                            (result) => {
-                                                Alert.alert(JSON.stringify(result));
-                                            },
-                                        );
-                                    }}
-                                />
-                            </Text>
-                        </View>
-                        <View style={styles.sectionContainer}>
-                            <Text style={styles.sectionTitle}>remove Cookie</Text>
-                            <Text style={styles.sectionDescription}>
-                                <Button
-                                    title="fetch"
-                                    onPress={async () => {
-                                        removeCookieByName("jsnjlq.cn").then(
-                                            (result) => {
-                                                Alert.alert(JSON.stringify(result));
-                                            },
-                                        );
-                                    }}
-                                />
-                            </Text>
-                        </View>
-                    </View>
-                </ScrollView>
-            </SafeAreaView>
-        </>
-    );
+  return (
+    <>
+      <StatusBar barStyle="dark-content" />
+      <SafeAreaView>
+        <ScrollView
+          contentInsetAdjustmentBehavior="automatic"
+          style={styles.scrollView}>
+          <View style={styles.body}>
+            <View style={styles.sectionContainer}>
+              <Text style={styles.sectionTitle}>fetch bY Public Key</Text>
+              <Text style={styles.sectionDescription}>
+                <Button
+                  title="fetch"
+                  onPress={() => {
+                    fetch("https://jsnjlq.cn", {
+                        method: "GET" ,
+                        timeoutInterval: 10000, // milliseconds
+                        pkPinning: true,
+                        // your certificates array (needed only in android) ios will pick it automatically
+                        sslPinning: {
+                          certs: [
+                            //"sha256/kPwnudZVhc+iC/fTd3OPph8uugk1YN5ZsJDAeM2P4UU="
+                            "sha256/+sV/qDKJwRiKo6DUu+h9TsXuMKg/vJzX+u8kL0mdNR8="
+                          ]
+                        },
+                        headers: {
+                          Accept: "application/json; charset=utf-8", "Access-Control-Allow-Origin": "*", "e_platform": "mobile",
+                        }
+                    }).then(
+                      (result) => {
+                        Alert.alert(JSON.stringify(result));
+                      },
+                    );
+                  }}
+                />
+              </Text>
+            </View>
+            <View style={styles.sectionContainer}>
+              <Text style={styles.sectionTitle}>fetch bY Certificate</Text>
+              <Text style={styles.sectionDescription}>
+                <Button
+                  title="fetch"
+                  onPress={() => {
+                    fetch("https://jsnjlq.cn", {
+                        method: "POST" ,
+                        timeoutInterval: 10000, // milliseconds
+                        sslPinning: {
+                          certs: ["cert"]
+                        },
+                        headers: {
+                          Accept: "application/json; charset=utf-8", "Access-Control-Allow-Origin": "*", "e_platform": "mobile",
+                        }
+                    }).then(response => {
+                      Alert.alert(JSON.stringify(response));
+                    })
+                    .catch(err => {
+                      console.log(`error: ${err}`)
+                    })
+                  }}
+                />
+              </Text>
+            </View>
+            <View style={styles.sectionContainer}>
+              <FileSelector
+                onDone={(path: string[]) => {
+                  filePath = path
+                }}
+                onCancel={() => {console.log("cancelled");}}
+              />
+              <Text style={styles.sectionTitle} >Multipart request</Text>
+              <Text style={styles.sectionDescription}>
+                <Button
+                  title="fetch"
+                  onPress={() => {
+                      let formData = new FormData()
+                      formData.append('username', 'Chris');
+                      let filePathArray = filePath.length > 0 ?filePath[0].split("/") : ["test"]
+                      formData.append('file', {
+                        name: encodeURIComponent(filePathArray[filePathArray.length - 1]),
+                        fileName: encodeURIComponent(filePathArray[filePathArray.length - 1]),
+                        type: "multipart/form-data",
+                        uri: filePath[0]
+                      })
+                      fetch("https://jsnjlq.cn/handerOkhttpRequest/parse", {
+                        method: "POST" ,
+                        timeoutInterval: 10000, // milliseconds
+                        body: {
+                          formData: formData,
+                        },
+                        pkPinning: true,
+                        sslPinning: {
+                          certs: [
+                            //"sha256/kPwnudZVhc+iC/fTd3OPph8uugk1YN5ZsJDAeM2P4UU="
+                            "sha256/+sV/qDKJwRiKo6DUu+h9TsXuMKg/vJzX+u8kL0mdNR8="
+                          ]
+                        },
+                        headers: {
+                          "Content-Type": "multipart/form-data"
+                        }
+                      }).then(response => {
+                        Alert.alert(JSON.stringify(response),response.bodyString);
+                      })
+                      .catch(err => {
+                        console.log(`error: ${err}`)
+                      })
+                  }}
+                />
+              </Text>
+            </View>
+            <View style={styles.sectionContainer}>
+              <Text style={styles.sectionTitle}>getCookies</Text>
+              <Text style={styles.sectionDescription}>
+                <Button
+                  title="getCookies"
+                  onPress={async () => {
+                    getCookies("jsnjlq.cn").then(
+                      (result) => {
+                        Alert.alert(JSON.stringify(result));
+                      },
+                    );
+                  }}
+                />
+              </Text>
+            </View>
+            <View style={styles.sectionContainer}>
+              <Text style={styles.sectionTitle}>remove Cookie</Text>
+              <Text style={styles.sectionDescription}>
+                <Button
+                  title="removeCookie"
+                  onPress={async () => {
+                    removeCookieByName("name").then(
+                      (result) => {
+                      },
+                    );
+                  }}
+                />
+              </Text>
+            </View>
+          </View>
+        </ScrollView>
+      </SafeAreaView>
+    </>
+  );
 };
 
 const styles = StyleSheet.create({
@@ -244,6 +264,8 @@ export default SslPingDemo;
 
 本库已经适配了 Codegen ，在使用前需要主动执行生成三方库桥接代码，详细请参考 [Codegen 文档](/zh-cn/codegen.md)。
 
+> [!TIP] V1.6.0 不需要执行 Codegen。
+
 ## Link
 
 |                                      | 是否支持autolink | RN框架版本 |
@@ -384,7 +406,7 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
     new SamplePackage(ctx),
-+   new SslPinningPackage(ctx),,
++   new SslPinningPackage(ctx),
   ];
 }
 ```
diff --git a/zh-cn/react-native-svg-capi.md b/zh-cn/react-native-svg-capi.md
index 24a39469..026b6c75 100644
--- a/zh-cn/react-native-svg-capi.md
+++ b/zh-cn/react-native-svg-capi.md
@@ -34,11 +34,11 @@
 
 ```bash
 # 0.72
-npm install react-native-svg@15.0.1
+npm install react-native-svg@15.0.2
 npm install @react-native-ohos/react-native-svg
 
 # 0.77
-npm install react-native-svg@15.12.0
+npm install react-native-svg@15.12.1
 npm install @react-native-ohos/react-native-svg
 ```
 
@@ -46,11 +46,11 @@ npm install @react-native-ohos/react-native-svg
 
 ```bash
 # 0.72
-yarn add react-native-svg@15.0.1
+yarn add react-native-svg@15.0.2
 yarn add @react-native-ohos/react-native-svg
 
 # 0.77
-yarn add react-native-svg@15.12.0
+yarn add react-native-svg@15.12.1
 yarn add @react-native-ohos/react-native-svg
 ```
 
@@ -608,12 +608,12 @@ ohpm install
 
 **函数**
 
-|   Name    |        Description         |   Type   | Required | Platform | HarmonyOS Support |
-| :-------: | :------------------------: | :------: | :------: | :------: | :---------------: |
-|   parse   | 将 svg 字符串解析成 JsxAST | function |    No    |   All    |        Yes        |
-|    err    |          打印日志          | function |    No    |   All    |        Yes        |
-| camelCase |    字符串首字母转成大写    | function |    No    |   All    |        Yes        |
-| fetchText | 将 svg 字符串解析成 JsxAST | function |    No    |   All    |        Yes        |
+|                 Name                  |        Description         |   Type   | Required | Platform | HarmonyOS Support |
+| :-----------------------------------: | :------------------------: | :------: | :------: | :------: | :---------------: |
+|                 parse                 | 将 svg 字符串解析成 JsxAST | function |    No    |   All    |        Yes        |
+| err<sup>deprecated from 15.12.1</sup> |          打印日志          | function |    No    |   All    |        Yes        |
+|               camelCase               |    字符串首字母转成大写    | function |    No    |   All    |        Yes        |
+|               fetchText               | 将 svg 字符串解析成 JsxAST | function |    No    |   All    |        Yes        |
 
 **公共属性**：
 
@@ -680,6 +680,108 @@ FontProps 组件属性 HarmonyOS 侧支持情况
 | fontVariantLigatures  |                         控制文本中连字                         |       string       | normal  |    No    |   All    |
 | fontVariationSettings |                 设置字体的宽度、高度、倾斜度等                 |       string       | normal  |    No    |   All    |
 
+**Filters<sup>15.12.1+</sup>：** 用于在 SVG 元素上应用各种图像处理效果
+
+|      Name      |    Description    |       Type       | Required | Platform | HarmonyOS Support |
+| :------------: | :---------------: | :--------------: | -------- | -------- | ----------------- |
+|    children    |   滤镜的子节点    | React.ReactNode  | No       | All      | No                |
+|       id       |   滤镜唯一标识    |      string      | No       | All      | Yes               |
+|       x        | 滤镜区域的 x 坐标 | string \| number | No       | All      | No                |
+|       y        | 滤镜区域的 y 坐标 | string \| number | No       | All      | No                |
+|     width      |  滤镜区域的宽度   | string \| number | No       | All      | No                |
+|     height     |  滤镜区域的高度   | string \| number | No       | All      | No                |
+|  filterUnits   |   滤镜坐标系统    |      Units       | No       | All      | No                |
+| primitiveUnits |  子元素坐标系统   |      Units       | No       | All      | No                |
+
+**FeBlend<sup>15.12.1+</sup>：** 作用是将两个输入图像按照指定的混合模式进行像素级合成，常用于实现遮罩、叠加等视觉效果
+
+| Name |                         Description                         |  Type  | Required | Platform | HarmonyOS Support |
+| :--: | :---------------------------------------------------------: | :----: | -------- | -------- | ----------------- |
+|  in  |                        第一个输入源                         | string | No       | All      | No                |
+| in2  |                        第二个输入源                         | string | No       | All      | No                |
+| mode | 混合模式（如 normal、multiply、screen、darken、lighten 等） | string | No       | All      | No                |
+
+**FeComposite<sup>15.12.1+</sup>：** 作用是将两个输入图像按照指定的合成操作进行像素级合成，常用于实现遮罩、叠加等效果
+
+|   Name   |                       Description                       |  Type  | Required | Platform | HarmonyOS Support |
+| :------: | :-----------------------------------------------------: | :----: | -------- | -------- | ----------------- |
+|    in    |                      第一个输入源                       | string | No       | All      | No                |
+|   in2    |                      第二个输入源                       | string | No       | All      | No                |
+| operator | 合成操作类型（如 over、in、out、atop、xor、arithmetic） | string | No       | All      | No                |
+|    k1    |                 arithmetic 操作参数 k1                  | number | No       | All      | No                |
+|    k2    |                 arithmetic 操作参数 k2                  | number | No       | All      | No                |
+|    k3    |                 arithmetic 操作参数 k3                  | number | No       | All      | No                |
+|    k4    |                 arithmetic 操作参数 k4                  | number | No       | All      | No                |
+
+**FeColorMatrix<sup>15.12.1+</sup>：** 用于对输入图像的颜色进行矩阵变换，可以实现颜色通道的线性变换、灰度化、色相旋转、饱和度调整等多种颜色特效
+
+> [!TIP] 注： in属性的BackgroundImage和BackgroundAlpha不支持
+
+|  Name  |           Description            |  Type  | Required | Platform | HarmonyOS Support |
+| :----: | :------------------------------: | :----: | -------- | -------- | ----------------- |
+|   in   |     输入源，指定要处理的图像     | string | No       | All      | Yes               |
+|  type  | 变换类型，如 matrix、saturate 等 | string | No       | All      | Yes               |
+| values |  变换参数，具体内容依赖于 type   | string | No       | All      | Yes               |
+
+**FeDropShadow<sup>15.12.1+</sup>：** 作用是为输入图像添加阴影效果，常用于突出显示元素或增强立体感
+
+> [!TIP] 注： 鸿蒙接口阴影只支持文字，其余不支持
+
+|     Name     |       Description        |  Type  | Required | Platform | HarmonyOS Support |
+| :----------: | :----------------------: | :----: | -------- | -------- | ----------------- |
+|      in      | 输入源，指定要处理的图像 | string | No       | All      | No                |
+|      dx      |  阴影在水平方向的偏移量  | number | No       | All      | Yes               |
+|      dy      |  阴影在垂直方向的偏移量  | number | No       | All      | Yes               |
+| stdDeviation |       阴影模糊程度       | number | No       | All      | Yes               |
+|  floodColor  |         阴影颜色         | string | No       | All      | No                |
+| floodOpacity |          透明度          | number | No       | All      | No                |
+
+**FeFlood<sup>15.12.1+</sup>：** 作用是生成一个指定颜色和透明度的填充区域，常用于滤镜链中作为背景或遮罩
+
+|     Name     |     Description      |    Type    | Required | Platform | HarmonyOS Support |
+| :----------: | :------------------: | :--------: | -------- | -------- | ----------------- |
+|      in      | 输入源，指定输入图像 |   string   | No       | All      | No                |
+|  floodColor  |      填充的颜色      | ColorValue | No       | All      | No                |
+| floodOpacity |     填充的透明度     | NumberProp | No       | All      | No                |
+
+
+**FeGaussianBlur<sup>15.12.1+</sup>：** 作用是对输入图像进行高斯模糊处理，使图像变得柔和或产生虚化效果
+
+> [!TIP] 注： 只有图片支持，其它不支持
+
+|     Name     |          Description           |    Type     | Required | Platform | HarmonyOS Support |
+| :----------: | :----------------------------: | :---------: | -------- | -------- | ----------------- |
+|      in      |    输入源，指定要模糊的图像    |   string    | No       | All      | No                |
+| stdDeviation |   模糊的标准差，控制模糊程度   | NumberArray | No       | All      | Yes               |
+|   edgeMode   | 边缘处理方式，控制边界像素处理 |   string    | No       | All      | No                |
+
+
+**FeMerge<sup>15.12.1+</sup>：** 作用是将多个输入图像层合并为一个输出图像，常用于滤镜效果的叠加
+
+|   Name   |                 Description                 | Type | Required | Platform | HarmonyOS Support |
+| :------: | :-----------------------------------------: | :--: | -------- | -------- | ----------------- |
+| children | 合并的输入图层，通常为多个 FeMergeNode 组件 | node | Yes      | All      | No                |
+
+
+**FeOffset<sup>15.12.1+</sup>：** 作用是对输入图像进行平移（偏移）处理，常用于实现阴影等效果
+
+| Name |       Description        |  Type  | Required | Platform | HarmonyOS Support |
+| :--: | :----------------------: | :----: | -------- | -------- | ----------------- |
+|  in  | 输入源，指定要偏移的图像 | string | No       | All      | No                |
+|  dx  |     水平方向的偏移量     | number | No       | All      | No                |
+|  dy  |     垂直方向的偏移量     | number | No       | All      | No                |
+
+**FilterImage<sup>15.12.1+</sup>：** 在图片上应用 SVG 滤镜效果，支持自定义滤镜和样式
+
+|    Name    |     Description      |                          Type                          | Required | Platform | HarmonyOS Support |
+| :--------: | :------------------: | :----------------------------------------------------: | -------- | -------- | ----------------- |
+|   source   |       图片资源       |                  ImageProps['source']                  | Yes      | All      | No                |
+|   style    |  图片样式，支持滤镜  | StyleProp<ImageStyle & { filter?: string \| Filters }> | No       | All      | No                |
+|  filters   | 要应用的滤镜数组对象 |                        Filters                         | No       | All      | No                |
+|   width    |       图片宽度       |                         number                         | No       | All      | No                |
+|   height   |       图片高度       |                         number                         | No       | All      | No                |
+| resizeMode |     图片缩放模式     |                         string                         | No       | All      | No                |
+
 ## 遗留问题
 
 - [ ] isPointInFill 判断点位坐标是否在fill上 未实现
@@ -694,9 +796,12 @@ FontProps 组件属性 HarmonyOS 侧支持情况
 - [ ] filter 该组件可以为 SVG 图形添加各种视觉效果 未实现
 - [ ] TextPath 功能未完全实现
 - [ ] Text,TSpan组件的rotate,fontFamily,wordSpacing属性 未实现 
+- [ ] V15.12.1 原库部分接口未实现 HarmonyOS 化[issue#6](https://gitcode.com/openharmony-sig/rntpc_react-native-svg/issues/6)
 
 ## 其他
 
+公共属性fillRule，部分组件使用时效果不明显，只有在复杂的嵌套图像中才能显示效果[相关资料](https://developer.mozilla.org/zh-CN/docs/Web/SVG/Reference/Attribute/fill-rule)
+
 ## 开源协议
 
 本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-svg/blob/harmony/LICENSE) ，请自由地享受和参与开源。
diff --git a/zh-cn/react-native-translucent-modal.md b/zh-cn/react-native-translucent-modal.md
index 46674175..5aa6848e 100644
--- a/zh-cn/react-native-translucent-modal.md
+++ b/zh-cn/react-native-translucent-modal.md
@@ -86,7 +86,9 @@ export const E_ReactNativeTranslucentModal: React.FC = (): JSX.Element => {
                 <Image source={{ uri: "https://hbimg.huabanimg.com/ed258f740ab675e3b3a0b6e7abc44eb7bd832c523396b-cJL1G9_fw658"}} style={STYLES.imageBackground} />
             </TouchableWithoutFeedback>
         </Modal>
-        <Button title="显示Modal" onPress={() => setVisible(true)}></Button>
+        <View style={{marginTop: 40}}>
+            <Button title="显示Modal" onPress={() => setVisible(true)}></Button>
+        </View>
         <Button title="设置transparent为true" onPress={() => setTransparent(true)}></Button>
         <Button title="设置animationType为'slide'" onPress={() => setAnimationType('slide')}></Button>
         <Button title="设置animationType为'fade'" onPress={() => setAnimationType('fade')}></Button>
diff --git a/zh-cn/react-native-user-agent.md b/zh-cn/react-native-user-agent.md
index 3ceafae9..57d3ea39 100644
--- a/zh-cn/react-native-user-agent.md
+++ b/zh-cn/react-native-user-agent.md
@@ -95,6 +95,8 @@ export default function UserAgentExample() {
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
+**注意：** V2.4.0 for RN0.77 不需要执行 Codegen。
+
 ## Link
 
 |                                      | 是否支持autolink | RN框架版本 |
diff --git a/zh-cn/react-native-zip-archive.md b/zh-cn/react-native-zip-archive.md
index 6544d2c7..07ed62b4 100644
--- a/zh-cn/react-native-zip-archive.md
+++ b/zh-cn/react-native-zip-archive.md
@@ -27,8 +27,6 @@
 
 对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
-
-
 进入到工程目录并输入以下命令：
 
 <!-- tabs:start -->
@@ -414,6 +412,8 @@ const styles = StyleSheet.create({
 
 ## 使用 Codegen
 
+> [!TIP] V7.1.0不需要执行Codegen。
+
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
 ## Link
@@ -456,8 +456,6 @@ const styles = StyleSheet.create({
 
 打开 `entry/oh-package.json5`，添加以下依赖
 
-
-
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
@@ -493,7 +491,6 @@ set(NODE_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../node_modules")
 + set(OH_MODULES "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules")
 set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp")
 
-
 + set(ZIP_ARCHIVE_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules/@react-native-ohos/react-native-zip-archive/src/main/cpp")
 
 set(LOG_VERBOSITY_LEVEL 1)
@@ -506,7 +503,6 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
-
 + add_subdirectory("${OH_MODULES}/@react-native-ohos/react-native-zip-archive/src/main/cpp" ./zipArchive-package)
 
 # RNOH_END: manual_package_linking_1
diff --git a/zh-cn/realm-js.md b/zh-cn/realm-js.md
index 531265cd..044883e1 100644
--- a/zh-cn/realm-js.md
+++ b/zh-cn/realm-js.md
@@ -19,22 +19,39 @@
 
 ## 安装与使用
 
-请到三方库的 Releases 发布地址查看配套的版本信息：[@react-native-oh-tpl/realm-js Releases](https://github.com/react-native-oh-library/realm-js/releases) 。对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
+请到三方库的 Releases 发布地址查看配套的版本信息：
+
+| 三方库版本 | 发布信息                                                     | 支持RN版本 |
+| ---------- | ------------------------------------------------------------ | ---------- |
+| 12.13.1    | [@react-native-oh-tpl/realm-js Releases](https://github.com/react-native-oh-library/realm-js/releases) | 0.72       |
+| 12.14.2    | [@react-native-ohos/realm-js Releases]()                     | 0.77       |
+
+对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
 
 #### **npm**
 
 ```bash
+# V12.13.1
 npm install @react-native-oh-tpl/realm
 npm install @react-native-oh-tpl/realm-react
+
+# V12.14.2
+npm install @react-native-ohos/realm
+npm install @react-native-ohos/realm-react
 ```
 
 #### **yarn**
 
 ```bash
+# V12.13.1
 yarn add @react-native-oh-tpl/realm
 yarn add @react-native-oh-tpl/realm-react
+
+# V12.14.2
+yarn add @react-native-ohos/realm
+yarn add @react-native-ohos/realm-react
 ```
 
 下面的代码展示了这个库的基本使用场景：
@@ -153,6 +170,8 @@ function TaskApp() {
 
 打开 `entry/oh-package.json5`，添加以下依赖
 
+- V12.13.1
+
 ```json
 "dependencies": {
     "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
@@ -160,6 +179,15 @@ function TaskApp() {
   }
 ```
 
+- V12.14.2
+
+```json
+"dependencies": {
+    "@rnoh/react-native-openharmony": "file:../react_native_openharmony",
+    "@react-native-ohos/realm": "file:../../node_modules/@react-native-ohos/realm/binding/harmony/realm.har"
+  }
+```
+
 点击右上角的 `sync` 按钮
 
 或者在终端执行：
@@ -196,7 +224,13 @@ add_subdirectory("${RNOH_CPP_DIR}" ./rn)
 
 # RNOH_BEGIN: manual_package_linking_1
 add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package)
+
+# V12.13.1
 + add_subdirectory("${OH_MODULES}/@react-native-oh-tpl/realm/src/main/cpp" ./realm)
+
+# V12.14.2
++ add_subdirectory("${OH_MODULES}/@react-native-ohos/realm/src/main/cpp" ./realm)
+
 # RNOH_END: manual_package_linking_1
 
 file(GLOB GENERATED_CPP_FILES "./generated/*.cpp")
@@ -239,8 +273,12 @@ std::vector<std::shared_ptr<Package>> PackageProvider::getPackages(Package::Cont
 
 ```diff
   ...
+// V12.13.1
 + import {RNRealmPackage} from '@react-native-oh-tpl/realm/ts';
 
+// V12.14.2
++ import {RNRealmPackage} from '@react-native-ohos/realm/ts';
+
 export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
   return [
     new SamplePackage(ctx),
@@ -268,7 +306,12 @@ ohpm install
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/realm-js Releases](https://github.com/react-native-oh-library/realm-js/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：
+
+| 三方库版本 | 发布信息                                                     | 支持RN版本 |
+| ---------- | ------------------------------------------------------------ | ---------- |
+| 12.13.1    | [@react-native-oh-tpl/realm-js Releases](https://github.com/react-native-oh-library/realm-js/releases) | 0.72       |
+| 12.14.2    | [@react-native-ohos/realm-js Releases]()                     | 0.77       |
 
 ## API
 
@@ -308,6 +351,7 @@ ohpm install
 | objects() | Returns all objects of the given type in the Realm | function |No | All | Yes |
 | write(callback) | Synchronously call the provided callback inside a write transaction | function |No | All | Yes |
 | writeCopyTo(config): void | Writes a compacted copy of the Realm with the given configuration | function |No | All | Yes |
+| new Realm(excludeFromIcloudBackup): Realm<sup>12.14.2+</sup> | Specifies if this Realm should be excluded from iCloud backup, defaults to false | function |No | IOS | No |
 
 ## 遗留问题
 
diff --git a/zh-cn/victory-native-xl.md b/zh-cn/victory-native-xl.md
index 2ad9996f..613d4e89 100644
--- a/zh-cn/victory-native-xl.md
+++ b/zh-cn/victory-native-xl.md
@@ -15,16 +15,15 @@
 
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/victory-native-xl)
 
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息：
+
 | 三方库版本 |   包 名  |   仓库地址  | 发布信息 | 支持RN版本 |
 | -------- | -------- | --------- |---------|----------|
 | 41.1.0  | @react-native-oh-tpl/victory-native-xl | [Github](https://github.com/react-native-oh-library/victory-native-xl)| [Github Releases](https://github.com/react-native-oh-library/victory-native-xl/releases) | 0.72       | 
 | 41.17.5   | @react-native-ohos/victory-native-xl | [Github](https://github.com/react-native-oh-library/victory-native-xl)| [Github Releases](https://github.com/react-native-oh-library/victory-native-xl/releases)  | 0.77       |
 
-
-## 安装与使用
-
-请到三方库的 Releases 发布地址查看配套的版本信息：
-
 对于未发布到npm的旧版本，请参考[安装指南](/zh-cn/tgz-usage.md)安装tgz包。
 
 进入到工程目录并输入以下命令：
@@ -185,7 +184,7 @@ export default function LineChartExample() {
 | innerPadding              | 一个介于0和1之间的可选数字，表示第一个和最后一个条之间的水平空间应该是“空白”的百分比。默认为0.2。使用0表示条形条之间没有间隙，使用接近1的值表示条形条越来越窄 | number  | no       | all      | yes               |
 | animate                   | animate prop接受一个PathAnimationConfig对象，并在点改变时对路径进行动画 | object  | no       | all      | yes               |
 | roundedCorners            | roundedCorners属性允许你自定义BarGroup的每个角的角度。Bar组件。它是一个对象类型,定义了左上的半径,右上图右下角,左下侧的角落 | object  | no       | all      | yes               |
-| barWidth                  |  barWidth prop接受一个数字，并将表的宽度设置为该数字。如果未提供，则默认值由该组条的总可用宽度、组中的条数以及组中条之间的填充量的组合决定。优先于barCount prop。将此用于最精细的条形表宽度控制 | no       | all      | yes               |
+| barWidth                  |  barWidth prop接受一个数字，并将表的宽度设置为该数字。如果未提供，则默认值由该组条的总可用宽度、组中的条数以及组中条之间的填充量的组合决定。优先于barCount prop。将此用于最精细的条形表宽度控制 | number  | no       | all      | yes               |
 | barCount                  | barCount prop接受一个数字，并将条形的宽度设置为X个数据点。如果没有提供，则默认值由chartBounds和数据点数决定。无论数据点的数量如何，都可以获得固定的条宽度。将此用于更一般的条宽度控制 | number  | no       | all      | yes               |
 | children                  | 一个在Skia路径元素中渲染的子通道，如果你想做一个渐变路径，它会很有用 | object  | no       | all      | yes               |
 | color                     | 设置表的颜色                                    | string  | no       | all      | yes               |
-- 
Gitee