From eccda8961f0da26be0af77ce6027f87b5158fbed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Thu, 4 Jul 2024 14:54:04 +0800
Subject: [PATCH 1/4] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/qrcode-generator.md                     | 131 ++++-----
 zh-cn/react-lifecycles-compat.md              |   9 +-
 zh-cn/react-native-animate-number.md          |  12 +-
 zh-cn/react-native-audio.md                   |   6 +-
 zh-cn/react-native-blob-util.md               |   6 +-
 zh-cn/react-native-canvas.md                  |  10 +-
 zh-cn/react-native-clippath.md                |  12 +-
 zh-cn/react-native-confirmation-code-field.md |   2 +-
 zh-cn/react-native-drawer-layout-polyfill.md  |   2 +-
 zh-cn/react-native-fit-Image.md               |  10 +-
 zh-cn/react-native-image-crop-picker.md       |   2 +-
 zh-cn/react-native-image-editor.md            |   6 +-
 zh-cn/react-native-image-viewer.md            |  10 +-
 zh-cn/react-native-image-viewing.md           |   6 +-
 zh-cn/react-native-image-zoom.md              |  12 +-
 zh-cn/react-native-intersection-observer.md   |   9 +-
 zh-cn/react-native-map-linking.md             |  14 +-
 zh-cn/react-native-markdown-display.md        |   4 +-
 zh-cn/react-native-marquee.md                 |   8 +-
 zh-cn/react-native-popup-menu.md              |   2 +-
 zh-cn/react-native-pull.md                    | 248 +++++++++++++-----
 zh-cn/react-native-reanimated-table.md        |  10 +-
 zh-cn/react-native-scrollable-tab-view.md     |  51 ++--
 zh-cn/react-native-sensors.md                 |   6 +-
 zh-cn/react-native-stickyheader.md            |   2 +-
 zh-cn/react-native-swipe-list-view.md         |   2 +-
 zh-cn/react-native-swiper.md                  | 132 +++++-----
 zh-cn/react-native-zip-archive.md             |   4 +-
 28 files changed, 446 insertions(+), 282 deletions(-)

diff --git a/zh-cn/qrcode-generator.md b/zh-cn/qrcode-generator.md
index d5403372..965c346c 100644
--- a/zh-cn/qrcode-generator.md
+++ b/zh-cn/qrcode-generator.md
@@ -1,15 +1,20 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>qrcode-generator</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE">
+        <a href="https://github.com/kazuhikoarase/qrcode-generator">
+        <img src="https://img.shields.io/badge/platforms-android%20%7C%20ios%20%7C%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/kazuhikoarase/qrcode-generator/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
 > [!tip] [Github 地址](https://github.com/kazuhikoarase/qrcode-generator)
 
 ## 安装与使用
@@ -66,88 +71,44 @@ export const CustomQrCode = ({ text, style }) => {
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
-## API列表
-
-**以下 `QRCode` 均为qrcode-generator导出的对象，即：**
-
-```js
-import QRCode from "qrcode-generator";
-```
-
-#### Base
-
-**静态方法**
-
-"HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
-
-| Name                                    | Description             | Type     | Required | HarmonyOS Support |
-| --------------------------------------- | ----------------------- | -------- | -------- | ----------------- |
-| QRCode(typeNumber,errorCorrectionLevel) | Create a QRCode Object. | function | Yes      | Yes               |
-
-**api**
-
-| Name                 | Description                                    | Type   | Required | HarmonyOS Support |
-| -------------------- | ---------------------------------------------- | ------ | -------- | ----------------- |
-| typeNumber           | Type number (1 ~ 40), or 0 for auto detection. | number | Yes      | Yes               |
-| errorCorrectionLevel | Error correction level ('L', 'M', 'Q', 'H')    | string | Yes      | Yes               |
-
-**静态方法**
-
-| Name                    | Description                                                                                                                                                       | Type     | Required | HarmonyOS Support |
-| ----------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| QRCode.stringToBytes(s) | Encodes a string into an array of number(byte) using any charset. This function is used by internal. Overwrite this function to encode using a multibyte charset. | function | Yes      | Yes               |
-
-api
-
-| Name | Description      | Type   | Required | HarmonyOS Support |
-| ---- | ---------------- | ------ | -------- | ----------------- |
-| s    | string to encode | string | Yes      | Yes               |
-
-**静态方法**
-
-| Name                      | Description           | Type     | Required | HarmonyOS Support |
-| ------------------------- | --------------------- | -------- | -------- | ----------------- |
-| QRCode.addData(data,mode) | Add a data to encode. | function | Yes      | Yes               |
-
-api
-
-| Name | Description                                                | Type   | Required | HarmonyOS Support |
-| ---- | ---------------------------------------------------------- | ------ | -------- | ----------------- |
-| data | string to encode                                           | string | Yes      | Yes               |
-| mode | Mode ('Numeric', 'Alphanumeric', 'Byte'(default), 'Kanji') | Yes    |          |                   |
-
-**静态方法**
-
-| Name                    | Description                                                                                 | Type     | Required | HarmonyOS Support |
-| ----------------------- | ------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- |
-| QRCode.make()           | Make a QR Code.                                                                             | function | Yes      | Yes               |
-| QRCode.getModuleCount() | The number of modules(cells) for each orientation. [Note] call make() before this function. | function | Yes      | Yes               |
-| QRCode.isDark(row,col)  | The module at row and col is dark or not. [Note] call make() before this function.          | function | Yes      | Yes               |
-
-**api**
-
-| Name | Description         | Type   | Required | HarmonyOS Support |
-| ---- | ------------------- | ------ | -------- | ----------------- |
-| row  | 0 ~ moduleCount - 1 | number | Yes      | Yes               |
-| col  | 0 ~ moduleCount - 1 | number | Yes      | Yes               |
-
-**静态方法**
-
-| Name                                      | Description                                                                                            | Type     | Required | HarmonyOS Support |
-| ----------------------------------------- | ------------------------------------------------------------------------------------------------------ | -------- | -------- | ----------------- |
-| QRCode.createDataURL(cellSize, margin)    | Generate base64 links,Helper functions for HTML. [Note] call make() before these functions.            | function | Yes      | Yes               |
-| QRCode.createImgTag(cellSize, margin,alt) | Generate img tag QR code,Helper functions for HTML. [Note] call make() before these functions.         | function | Yes      | Yes               |
-| QRCode.createSvgTag(cellSize, margin)     | Generate QR codes for svg tags,Helper functions for HTML. [Note] call make() before these functions.   | function | Yes      | Yes               |
-| QRCode.createTableTag(cellSize, margin)   | Generate QR codes for table tags,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | Yes               |
-| QRCode.createASCII(cellSize, margin)      | Generate ASCII code,Helper functions for HTML. [Note] call make() before these functions.              | function | Yes      | Yes               |
-
-**api**
-
-| Name     | Description            | Type     | Required | HarmonyOS Support |
-| -------- | ---------------------- | -------- | -------- | ----------------- |
-| cellSize | default: 2             | function | No       | Yes               |
-| margin   | default: cellSize \* 4 | function | No       | Yes               |
-| alt      | (optional)             | function | No       | Yes               |
+## API
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                 | Description                                                | Type     | Required | Platform    | HarmonyOS Support |
+| -------------------- | ---------------------------------------------------------- | -------- | -------- | ----------- | ----------------- |
+| typeNumber           | Type number (1 ~ 40), or 0 for auto detection.             | number   | Yes      | IOS/Android | Yes               |
+| errorCorrectionLevel | Error correction level ('L', 'M', 'Q', 'H')                | string   | Yes      | IOS/Android | Yes               |
+| s                    | string to encode                                           | string   | Yes      | IOS/Android | Yes               |
+| data                 | string to encode                                           | string   | Yes      | IOS/Android | Yes               |
+| mode                 | Mode ('Numeric', 'Alphanumeric', 'Byte'(default), 'Kanji') | function | Yes      | IOS/Android | Yes               |
+| row                  | 0 ~ moduleCount - 1                                        | number   | Yes      | IOS/Android | Yes               |
+| col                  | 0 ~ moduleCount - 1                                        | number   | Yes      | IOS/Android | Yes               |
+| cellSize             | default: 2                                                 | function | No       | IOS/Android | Yes               |
+| margin               | default: cellSize \* 4                                     | function | No       | IOS/Android | Yes               |
+| alt                  | (optional)                                                 | function | No       | IOS/Android | Yes               |
+
+## 静态方法
+
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
+> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
+
+| Name                                      | Description                                                  | Type     | Required | Platform    | HarmonyOS Support |
+| ----------------------------------------- | ------------------------------------------------------------ | -------- | -------- | ----------- | ----------------- |
+| QRCode(typeNumber,errorCorrectionLevel)   | Create a QRCode Object.                                      | function | Yes      | IOS/Android | Yes               |
+| QRCode.stringToBytes(s)                   | Encodes a string into an array of number(byte) using any charset. This function is used by internal. Overwrite this function to encode using a multibyte charset. | function | Yes      | IOS/Android | Yes               |
+| QRCode.make()                             | Make a QR Code.                                              | function | Yes      | IOS/Android | Yes               |
+| QRCode.getModuleCount()                   | The number of modules(cells) for each orientation. [Note] call make() before this function. | function | Yes      | IOS/Android | Yes               |
+| QRCode.isDark(row,col)                    | The module at row and col is dark or not. [Note] call make() before this function. | function | Yes      | IOS/Android | Yes               |
+| QRCode.addData(data,mode)                 | Add a data to encode.                                        | function | Yes      | IOS/Android | Yes               |
+| QRCode.createDataURL(cellSize, margin)    | Generate base64 links,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | IOS/Android | Yes               |
+| QRCode.createImgTag(cellSize, margin,alt) | Generate img tag QR code,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | IOS/Android | Yes               |
+| QRCode.createSvgTag(cellSize, margin)     | Generate QR codes for svg tags,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | IOS/Android | Yes               |
+| QRCode.createTableTag(cellSize, margin)   | Generate QR codes for table tags,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | IOS/Android | Yes               |
+| QRCode.createASCII(cellSize, margin)      | Generate ASCII code,Helper functions for HTML. [Note] call make() before these functions. | function | Yes      | IOS/Android | Yes               |
 
 ## 遗留问题
 
@@ -155,6 +116,6 @@ api
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/facebook/prop-types/blob/v15.8.1/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/kazuhikoarase/qrcode-generator/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-lifecycles-compat.md b/zh-cn/react-lifecycles-compat.md
index 33ff079f..b7f5ac38 100644
--- a/zh-cn/react-lifecycles-compat.md
+++ b/zh-cn/react-lifecycles-compat.md
@@ -1,15 +1,16 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-lifecycles-compat</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/reactjs/react-lifecycles-compat">
+    <a href="https://github.com/reactjs/react-lifecycles-compat/blob/master/LICENSE.md">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
 > [!TIP] [Github 地址](https://github.com/reactjs/react-lifecycles-compat)
 
 ## 安装与使用
@@ -165,4 +166,8 @@ export default ExampleComponent;
 
 如果您的组件包含getSnapshotBeforeUpdate，那么也必须定义componentDidUpdate，如果不满足上述任何条件，将抛出错误.
 
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/reactjs/react-lifecycles-compat/blob/master/LICENSE.md) ，请自由地享受和参与开源。
+
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-animate-number.md b/zh-cn/react-native-animate-number.md
index 0ce49caf..af65d96b 100644
--- a/zh-cn/react-native-animate-number.md
+++ b/zh-cn/react-native-animate-number.md
@@ -1,15 +1,19 @@
 <!-- {% raw %} -->
-模板版本：v0.2.0
+模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-animate-number</code> </h1>
 </p>
 <p align="center">
+        <a href="https://github.com/wkh237/react-native-animate-number">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/wkh237/react-native-animate-number">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
 > [!TIP] [Github 地址](https://github.com/wkh237/react-native-animate-number)
 
 ## 安装与使用
@@ -138,6 +142,8 @@ const styles = StyleSheet.create({
 export default App;
 ```
 
+## 约束与限制
+
 ## 兼容性
 
 在以下版本验证通过
@@ -161,4 +167,8 @@ export default App;
 
 ## 其他
 
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/wkh237/react-native-animate-number) ，请自由地享受和参与开源。
+
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-audio.md b/zh-cn/react-native-audio.md
index 69975fe8..cd49c152 100644
--- a/zh-cn/react-native-audio.md
+++ b/zh-cn/react-native-audio.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-audio</code> </h1>
@@ -100,6 +100,10 @@ AudioRecorder.onFinished = (data) => {
 }
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
diff --git a/zh-cn/react-native-blob-util.md b/zh-cn/react-native-blob-util.md
index fd8fa4a9..c3124849 100644
--- a/zh-cn/react-native-blob-util.md
+++ b/zh-cn/react-native-blob-util.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-blob-util</code> </h1>
@@ -411,6 +411,10 @@ const styles = StyleSheet.create({
 });
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
diff --git a/zh-cn/react-native-canvas.md b/zh-cn/react-native-canvas.md
index 93bc7d14..8cf192a8 100644
--- a/zh-cn/react-native-canvas.md
+++ b/zh-cn/react-native-canvas.md
@@ -1,15 +1,19 @@
 <!-- {% raw %} -->
-模板版本：v0.2.0
+模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-canvas</code> </h1>
 </p>
 <p align="center">
+        <a href="https://github.com/iddan/react-native-canvas">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20windows%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/iddan/react-native-canvas/blob/v0.1.39/license.txt">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
 > [!TIP] [Github 地址](https://github.com/iddan/react-native-canvas)
 
 ## 安装与使用
@@ -39,6 +43,8 @@ npm install --save-dev @type/react-native-canvas@0.1.39
 
 下面的代码展示了这个库的基本使用场景：
 
+> [!WARNING] 使用时 import 的库名不变。
+
 ```tsx
 import React, { useRef, useEffect } from "react";
 import { View, StyleSheet, Text, ScrollView } from "react-native";
@@ -131,7 +137,7 @@ export default CanvasDemo;
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](https://gitee.com/zhanghao2519/usage-docs/blob/master/zh-cn/react-native-webview.md)进行引入
+如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-canvas.md)进行引入
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-clippath.md b/zh-cn/react-native-clippath.md
index 36c6f921..43bf594b 100644
--- a/zh-cn/react-native-clippath.md
+++ b/zh-cn/react-native-clippath.md
@@ -1,15 +1,19 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-clippath</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/react-native-oh-library/react-native-clippath/blob/sig/LICENSE">
+        <a href="https://github.com/Only-IceSoul/react-native-clippath/blob/main">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/Only-IceSoul/react-native-clippath/blob/main/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-clippath)
 
 ## 安装与使用
@@ -70,6 +74,10 @@ export default function index() {
 1. RNOH: 0.72.26; SDK: HarmonyOS-NEXT-DP2; IDE: DevEco Studio 5.0.3.29; ROM: 205.0.0.18;
 2. RNOH: 0.72.26; SDK: armonyOS NEXT Developer preview2、5.0.0.22(API Version 12 Canary3); IDE: DevEco Studio: 5.0.3.300；ROM: 3.0.0.22;
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
diff --git a/zh-cn/react-native-confirmation-code-field.md b/zh-cn/react-native-confirmation-code-field.md
index 6dca1fc6..e1895130 100644
--- a/zh-cn/react-native-confirmation-code-field.md
+++ b/zh-cn/react-native-confirmation-code-field.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-confirmation-code-field</code> </h1>
diff --git a/zh-cn/react-native-drawer-layout-polyfill.md b/zh-cn/react-native-drawer-layout-polyfill.md
index 215f1e6a..2c3eabf6 100644
--- a/zh-cn/react-native-drawer-layout-polyfill.md
+++ b/zh-cn/react-native-drawer-layout-polyfill.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-模板版本：v0.2.0
+模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-drawer-layout-polyfill</code> </h1>
diff --git a/zh-cn/react-native-fit-Image.md b/zh-cn/react-native-fit-Image.md
index 21bcf556..984e030f 100644
--- a/zh-cn/react-native-fit-Image.md
+++ b/zh-cn/react-native-fit-Image.md
@@ -1,10 +1,13 @@
 <!-- {% raw %} -->
-模板版本：v0.2.1
+模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-fit-image</code> </h1>
 </p>
 <p align="center">
+    <a href="https://github.com/huiseoul/react-native-fit-image/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|web|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/huiseoul/react-native-fit-image/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/lisense-BEER-WARE?color=%238bb903
 " alt="License" />
@@ -12,6 +15,7 @@
 </p>
 
 
+
 > [!TIP] [Github 地址](https://github.com/huiseoul/react-native-fit-image)
 
 ## 安装与使用
@@ -310,8 +314,8 @@ export default FitImageDemo;
 
 ## 遗留问题
 
-1. 在react-native-fit-image三方库中`onError`.`onLoadStart`.`onLayout`回调方法，在原库文档（react-native-fit-image）作者已说明并没有适配（Some props are not working），有待开发[issues](https://github.com/huiseoul/react-native-fit-image/issues/76)
-2. `borderRadius`图片圆角属性，在 HarmonyOS ，ios，安卓均不支持，官方文档互动有提到borderRadius不生效;[issues](https://github.com/huiseoul/react-native-fit-image/issues/111)
+- [ ] 在react-native-fit-image三方库中`onError`.`onLoadStart`.`onLayout`回调方法，在原库文档（react-native-fit-image）作者已说明并没有适配（Some props are not working），有待开发：[issues](https://github.com/huiseoul/react-native-fit-image/issues/76)
+- [ ] `borderRadius`图片圆角属性，在 HarmonyOS ，ios，安卓均不支持，官方文档互动有提到borderRadius不生效：[issues](https://github.com/huiseoul/react-native-fit-image/issues/111)
 
 ## 其他
 
diff --git a/zh-cn/react-native-image-crop-picker.md b/zh-cn/react-native-image-crop-picker.md
index 66b8ee3e..e00a04a7 100644
--- a/zh-cn/react-native-image-crop-picker.md
+++ b/zh-cn/react-native-image-crop-picker.md
@@ -788,7 +788,7 @@ const styles = StyleSheet.create({
 export default ImageCropPickDemo;
 ```
 
-## 使用 Codegen（如本库已适配了 Codegen ）
+## 使用 Codegen
 
 本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
diff --git a/zh-cn/react-native-image-editor.md b/zh-cn/react-native-image-editor.md
index 17303ed2..07811e9f 100644
--- a/zh-cn/react-native-image-editor.md
+++ b/zh-cn/react-native-image-editor.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：V0.2.1
+> 模板版本：V0.2.2
 
 <p align="center">
   <h1 align="center"> <code>@react-native-community/image-editor</code> </h1>
@@ -181,6 +181,10 @@ const styles = StyleSheet.create({
 });
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
diff --git a/zh-cn/react-native-image-viewer.md b/zh-cn/react-native-image-viewer.md
index 6471ad14..82424f0e 100644
--- a/zh-cn/react-native-image-viewer.md
+++ b/zh-cn/react-native-image-viewer.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-viewer</code> </h1>
@@ -223,7 +223,11 @@ export default ReactImageZoon;
 
 ## 兼容性
 
-在以下版本验证通过
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[<@react-native-oh-tpl/react-native-image-viewer> Releases](https://github.com/react-native-oh-library/react-native-image-viewer/releases)
+
+本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
@@ -275,6 +279,6 @@ export default ReactImageZoon;
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-image-viewer/blob/sig/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [MIT License](https://github.com/ascoders/react-native-image-viewer/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-image-viewing.md b/zh-cn/react-native-image-viewing.md
index f1476123..46d20ad2 100644
--- a/zh-cn/react-native-image-viewing.md
+++ b/zh-cn/react-native-image-viewing.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-viewing</code> </h1>
@@ -186,7 +186,9 @@ const styles = StyleSheet.create({
 
 ## 兼容性
 
-在下述版本验证通过:
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[<@react-native-oh-tpl/react-native-image-viewing>Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases)
+
+本文档内容基于以下版本验证通过:
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
diff --git a/zh-cn/react-native-image-zoom.md b/zh-cn/react-native-image-zoom.md
index a6a582e9..2ee244e5 100644
--- a/zh-cn/react-native-image-zoom.md
+++ b/zh-cn/react-native-image-zoom.md
@@ -1,15 +1,19 @@
 <!-- {% raw %} -->
-模板版本：v0.2.0
+模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-image-zoom</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/ascoders/react-native-image-zoom">
+        <a href="https://github.com/ascoders/react-native-image-zoom/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
+    <a href="https://github.com/ascoders/react-native-image-zoom/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-image-zoom)
 
 ## 安装与使用
@@ -541,4 +545,8 @@ export default ImageZoomDemo;
 
 ## 其他
 
+## 开源协议
+
+本项目基于 [The MIT License (MIT)](https://github.com/ascoders/react-native-image-zoom/blob/master/LICENSE) ，请自由地享受和参与开源。
+
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-intersection-observer.md b/zh-cn/react-native-intersection-observer.md
index babe7aa9..3763899a 100644
--- a/zh-cn/react-native-intersection-observer.md
+++ b/zh-cn/react-native-intersection-observer.md
@@ -1,19 +1,20 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-intersection-observer</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/react-native-oh-library/react-native-intersection-observer">
+    <a href="https://github.com/zhbhun/react-native-intersection-observer">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/react-native-oh-library/react-native-intersection-observer/blob/sig/LICENSE">
+    <a href="https://github.com/zhbhun/react-native-intersection-observer/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
         <!-- <img src="https://img.shields.io/badge/license-Apache-blue.svg" alt="License" /> -->
     </a>
 </p>
 
+
 > [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-intersection-observer/tree/sig)
 
 ## 安装与使用
@@ -135,6 +136,6 @@ Methods: Inherits [FlatList Methods](https://reactnative.dev/docs/flatlist#metho
 
 ## 开源协议
 
-本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-intersection-observer/blob/sig/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [MIT License](https://github.com/zhbhun/react-native-intersection-observer/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-map-linking.md b/zh-cn/react-native-map-linking.md
index aedfc6d8..d6961aa5 100644
--- a/zh-cn/react-native-map-linking.md
+++ b/zh-cn/react-native-map-linking.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-map-link</code> </h1>
@@ -108,7 +108,9 @@ export default MapLinkingDemo;
 ## 约束与限制
 
 ### 兼容性
-要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 电脑ROM。
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[@react-native-oh-tpl/react-native-map-linking Releases](https://github.com/react-native-oh-library/react-native-map-linking/releases/tag/1.0.1-0.0.1)
 
 本文档内容基于以下版本验证通过：
 
@@ -141,17 +143,17 @@ navigate(distLocation) | 启动当前位置到目标位置的导航 | distLocati
 ### Harmony配置Schema支持
 
 Harmony系统下需要在module.json5中配置querySchemes支持才能唤起花瓣地图，后续要唤起高德地图和百度地图，也需要将它们的scheme加到这里。
-  
+
 ```
 "querySchemes":[
   "maps"
 ]
 ```
+
   
-  
-  
+
 ### iOS配置Schema支持
-  
+
 iOS系统下需要在App的`info.plist`中配置Schema支持才能唤起地图:
 
  ```
diff --git a/zh-cn/react-native-markdown-display.md b/zh-cn/react-native-markdown-display.md
index 1b98dc79..7f894e65 100644
--- a/zh-cn/react-native-markdown-display.md
+++ b/zh-cn/react-native-markdown-display.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-markdown-display</code> </h1>
@@ -125,6 +125,6 @@ export default App;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-markdown-display/blob/sig/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/iamacup/react-native-markdown-display/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-marquee.md b/zh-cn/react-native-marquee.md
index f5ce7bb8..647e57a3 100644
--- a/zh-cn/react-native-marquee.md
+++ b/zh-cn/react-native-marquee.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-marquee</code> </h1>
@@ -75,8 +75,6 @@ const styles = StyleSheet.create({
 });
 ```
 
-## Link
-
 ## 属性
 
 MarqueText组件基本上继承了TextProps，以下是附加组件：
@@ -92,6 +90,10 @@ MarqueText组件基本上继承了TextProps，以下是附加组件：
 
 ## 兼容性
 
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[<@react-native-oh-tpl/react-native-marquee> Releases](https://github.com/react-native-oh-library/react-native-marquee/releases)
+
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
diff --git a/zh-cn/react-native-popup-menu.md b/zh-cn/react-native-popup-menu.md
index 4ffb266c..a867e022 100644
--- a/zh-cn/react-native-popup-menu.md
+++ b/zh-cn/react-native-popup-menu.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-popup-menu</code> </h1>
diff --git a/zh-cn/react-native-pull.md b/zh-cn/react-native-pull.md
index 80f404fd..9fcd9bde 100644
--- a/zh-cn/react-native-pull.md
+++ b/zh-cn/react-native-pull.md
@@ -1,19 +1,20 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.0
+> 模板版本：v0.2.2
 
 <p align="center">
 <h1 align="center"> <code>react-native-pull</code> </h1>
 </p>
 <p align="center">
- <a href="https://github.com/react-native-oh-library/react-native-pull">
+ <a href="https://github.com/greatbsky/react-native-pull/blob/master">
      <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
  </a>
-     <a href="https://github.com/react-native-oh-library/react-native-pull/blob/main/LICENSE">
+     <a href="https://github.com/greatbsky/react-native-pull/blob/master/LICENSE">
      <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
  </a>
 </p>
 
 
+
 > [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-pull)
 
 ## 简介
@@ -52,8 +53,6 @@ yarn add @react-native-oh-tpl/react-native-pull@file:#
 
 **PullViewDemo**
 
-![img](https://raw.githubusercontent.com/greatbsky/react-native-pull-demo/master/PullViewDemo/image/demo.gif)
-
 > 代码示例
 
 ```js
@@ -129,7 +128,7 @@ const onPullRelease = (resolve) => {
            topIndicatorRender={topIndicatorRender}
            topIndicatorHeight={60}>
 			<View style={{backgroundColor: '#eeeeee'}}>
-			    <Text>1***************</Text>
+			 <Text>1***************</Text>
              <Text>onPulling:{testObj.pulling}</Text>
              <Text>3</Text>
              <Text>onPullOk:{testObj.pullok}</Text>
@@ -156,8 +155,6 @@ const styles = StyleSheet.create({
 
 **PullListDemo**
 
-![img](https://raw.githubusercontent.com/greatbsky/react-native-pull-demo/master/PullListDemo/image/demo.gif)
-
 > 代码示例
 
 ```jsx
@@ -168,6 +165,7 @@ import {
   View,
   ActivityIndicator,
   Dimensions,
+  RefreshControl
 } from 'react-native';
 import {PullList} from 'react-native-pull';
 
@@ -183,32 +181,58 @@ const PullListDemo = () => {
 
    const [count, setCount] = useState(0);
    const [data, setData] = useState(testObj);
-    const [stateList, setStateList] = useState([
-      {
-        id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb2cba',
-        title: 'First Item1',
-      },
-      {
-        id: '3ac68afc-c605-48d3-a4f8-fbd91a397f63',
-        title: 'Second Item2',
-      },
-      {
-        id: '58694a0f-3da1-471f-bd96-145573e29d72',
-        title: 'Third Item3',
-      },
-      {
-        id: 'bd7acbea-c1b1-26c2-aed5-3ad53abb2cba',
-        title: 'First Item4',
-      },
-      {
-        id: '3ac68afc-c605-4843-a4f8-fbd91a397f63',
-        title: 'Second Item5',
-      },
-      {
-        id: '58694a0f-3da1-451f-bd96-145573e29d72',
-        title: 'Third Item6',
-      },
-    ]);
+    const [stateList, setStateList] = useState(
+         [
+                 {
+                   id: 1,
+                   title: '------>Item1',
+                 },
+                 {
+                   id: 2,
+                   title: '------>Item2',
+                 },
+                 {
+                   id: 3,
+                   title: '------>Item3',
+                 },
+                 {
+                   id: 4,
+                   title: '------>Item4',
+                 },
+                 {
+                   id: 5,
+                   title: '------>Item5',
+                 },
+                 {
+                   id: 6,
+                   title: '------>Item6',
+                 },
+                 {
+                   id: 7,
+                   title: '------>Item7',
+                 },
+                 {
+                   id: 8,
+                   title: '------>Item8',
+                 },
+                 {
+                   id: 9,
+                   title: '------>Item9',
+                 },
+                  {
+                    id: 10,
+                    title: '------>Item10',
+                  },
+                  {
+                    id: 11,
+                    title: '------>Item11',
+                  },
+                  {
+                    id: 12,
+                    title: '------>Item12',
+                  },
+               ]
+    );
 
    const onPulling = () => {
       testObj.pulling='pulling--------->'
@@ -225,6 +249,56 @@ const PullListDemo = () => {
         testObj.pullrelease='pullrelease--------->'
         setData(testObj)
         setTimeout(() => {
+         setStateList([
+                                       {
+                                         id: 1,
+                                         title: '------>Item1',
+                                       },
+                                       {
+                                         id: 2,
+                                         title: '------>Item2',
+                                       },
+                                       {
+                                         id: 3,
+                                         title: '------>Item3',
+                                       },
+                                       {
+                                         id: 4,
+                                         title: '------>Item4',
+                                       },
+                                       {
+                                         id: 5,
+                                         title: '------>Item5',
+                                       },
+                                       {
+                                         id: 6,
+                                         title: '------>Item6',
+                                       },
+                                       {
+                                         id: 7,
+                                         title: '------>Item7',
+                                       },
+                                       {
+                                         id: 8,
+                                         title: '------>Item8',
+                                       },
+                                       {
+                                         id: 9,
+                                         title: '------>Item9',
+                                       },
+                                        {
+                                          id: 10,
+                                          title: '------>Item10',
+                                        },
+                                        {
+                                          id: 11,
+                                          title: '------>Item11',
+                                        },
+                                        {
+                                          id: 12,
+                                          title: '------>Item12',
+                                        },
+                                     ]);
             resolve();
         }, 3000);
     };
@@ -237,11 +311,11 @@ const PullListDemo = () => {
 
     const topIndicatorRender = (pulling, pullok, pullrelease) => {
       if (pulling) {
-          setCount('下拉刷新pulling...')
+          setCount('当前PullList状态: pulling...')
       } else if (pullok) {
-          setCount('松开刷新pullok......')
+          setCount('当前PullList状态: pullok......')
       } else if (pullrelease) {
-          setCount('玩命刷新中pullrelease......')
+          setCount('当前PullList状态: pullrelease......')
       }
 
   return (
@@ -264,7 +338,6 @@ const PullListDemo = () => {
     }
 
    const renderRow = ({item}) => {
-     console.log('renderRow', item.title)
       return (
           <View style={{height: 50, backgroundColor: '#fafafa', alignItems: 'center', justifyContent: 'center'}}>
               <Text>{item.title}</Text>
@@ -281,50 +354,84 @@ const PullListDemo = () => {
     }
 
    const loadMore = () => {
-      const list = [ {
-        id: 'bd7acbea-c1b1-46c2-aed5-3ad53abb28ba',
-        title: 'First Item',
-      }]
+      const list = []
+      const num = stateList.length
         for(var i = 0; i < 5; i++) {
             list.push({
-                id: (i + 1) + '',
-                title: `this is ${i}`,
+                id: (i + 1 + num) + '',
+                title: `------>Item${(i+num+1)}`,
             })
         }
-        setTimeout(() => {
+       setTimeout(() => {
           setStateList([...stateList,...list]);
         }, 1000);
     }
+
+    const [refreshing, setRefreshing] = useState(false)
+    const onRefresh = () => {
+      // 加载数据的逻辑
+      setRefreshing(true)
+      // 数据加载完成后
+      setTimeout(() => {
+        setRefreshing(false)
+      }, 2000); // 假设数据加载需要2秒
+    };
+    const refreshControl = (
+      <RefreshControl
+        refreshing={refreshing}
+        onRefresh={onRefresh}
+        tintColor="#ff0000" // 可选，设置刷新指示器的颜色
+        title="Loading..." // 可选，设置刷新时显示的文本
+        colors={['#ff0000', '#00ff00', '#0000ff']} // 可选，设置刷新指示器的颜色数组
+        progressBackgroundColor="#ffffff" // 可选，设置进度背景色
+      />
+    );
+
     return (
       <View style={[styles.container]}>
-		<PullList style={{width: Dimensions.get('window').width}}
-          onPulling={onPulling}
-          onPullOk={onPullOk}
-          isPullEnd={true}
-          onPullRelease={onPullRelease}
-          onPushing={onPushing}
-          topIndicatorRender={topIndicatorRender}
-          topIndicatorHeight={60}
-          pageSize={5}
-          initialListSize={5}
-          onEndReached={loadMore}
-          onEndReachedThreshold={60}
-          renderItem={renderRow}
-          ListFooterComponent={renderFooter}
-          ListHeaderComponent={renderHeader}
-          data={stateList}
-          keyExtractor={(item:any) => item.id}
-        />
+      <PullList style={{width: Dimensions.get('window').width}}
+            onPulling={onPulling}
+            onPullOk={onPullOk}
+            isPullEnd={true}
+            onPullRelease={onPullRelease}
+            onPushing={onPushing}
+            topIndicatorRender={topIndicatorRender}
+            topIndicatorHeight={60}
+            pageSize={5}
+            scrollViewProps={{
+                scrollEventThrottle: 16, // 减少滚动事件的延迟，提高滚动的响应性
+              }}
+            initialListSize={5}
+            onEndReached={loadMore}
+            onEndReachedThreshold={60}
+            renderItem={renderRow}
+            ListFooterComponent={renderFooter}
+            ListHeaderComponent={renderHeader}
+            data={stateList}
+            keyExtractor={(item:any) => item.id}
+          />
       </View>
     );
 };
 
 const styles = StyleSheet.create({
-  container: {
+ container: {
     flex: 1,
-    justifyContent: 'center',
-    alignItems: 'center',
+    flexDirection: 'column',
     backgroundColor: '#F5FCFF',
+    width:'100%',
+    height:'100%',
+    overflow: 'scroll'
+  },
+  welcome: {
+    fontSize: 20,
+    textAlign: 'center',
+    margin: 10,
+  },
+  instructions: {
+    textAlign: 'center',
+    color: '#333333',
+    marginBottom: 5,
   },
 });
 
@@ -335,12 +442,15 @@ export default PullListDemo;
 ## 约束与限制
 
 ### 兼容性
+
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ Releases](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2F%3C%E4%BB%93%E5%BA%93%E5%9C%B0%E5%9D%80%3E%2Freleases)
+
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：3.0.0.21;
 
-请到三方库相应的发布地址查看版本信息：[@react-native-oh-tpl/react-native-pull/releases](https://github.com/react-native-oh-library/react-native-pull/releases)
-
 ## 属性配置项
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
@@ -368,6 +478,6 @@ export default PullListDemo;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/react-native-oh-library/react-native-pull/blob/main/LICENSE) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://github.com/greatbsky/react-native-pull/blob/master/LICENSE) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-reanimated-table.md b/zh-cn/react-native-reanimated-table.md
index 6003133b..b9d059ab 100644
--- a/zh-cn/react-native-reanimated-table.md
+++ b/zh-cn/react-native-reanimated-table.md
@@ -1,15 +1,19 @@
 <!-- {% raw %} -->
-模板版本：v0.2.1
+模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-reanimated-table</code> </h1>
 </p>
 <p align="center">
+  <a href="https://github.com/dohooo/react-native-reanimated-table/blob/main">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|web|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/dohooo/react-native-reanimated-table/blob/main/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
 > [!TIP] [Github 地址](https://github.com/dohooo/react-native-reanimated-table)
 
 ## 安装与使用
@@ -84,7 +88,9 @@ const styles = StyleSheet.create({
 });
 ```
 
-## 兼容性
+## 约束与限制
+
+### 兼容性
 
 本文档内容基于以下版本验证通过：
 
diff --git a/zh-cn/react-native-scrollable-tab-view.md b/zh-cn/react-native-scrollable-tab-view.md
index adc4ab35..912a05e1 100644
--- a/zh-cn/react-native-scrollable-tab-view.md
+++ b/zh-cn/react-native-scrollable-tab-view.md
@@ -1,18 +1,19 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-scrollable-tab-view</code> </h1>
 </p>
 <p align="center">
-    <a href="https://github.com/react-native-oh-library/react-native-scrollable-tab-view">
+    <a href="https://github.com/ptomasroos/react-native-scrollable-tab-view">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://badge.fury.io/js/react-native-scrollable-tab-view">
+    <a href="https://github.com/ptomasroos/react-native-scrollable-tab-view">
         <img src="https://badge.fury.io/js/react-native-scrollable-tab-view.svg" alt="npm package" />
     </a>
 </p>
 
+
 > [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)
 
 ## 安装与使用
@@ -72,33 +73,39 @@ export default () => {
 
 ## 兼容性
 
+要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
+
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息： [Releases](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases)
+
 本文档内容基于以下版本验证通过：
 
 1. RNOH：0.72.20; SDK：HarmonyOS NEXT Developer Preview2; IDE：DevEco Studio 5.0.3.200; ROM：205.0.0.18;
 
 ## 属性
 
+> [!tip] "Platform"列表示该属性在原三方库上支持的平台。
+
 > [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。
 
-| Name                       | Description                                                                                                                                                                                                                                                                                 | Type                 | Required | Platform     | HarmonyOS Support |
-| -------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------- | -------- | ------------ | ----------------- |
-| renderTabBar               | 用于渲染TabBar。添加该属性，需要在引入组件之时加上它的子组件。系统提供两种方式，DefaultTabBar和ScrollableTabBar。DefaultTabBar表示Tab.item会平分水平方向上的空间，而ScrollableTabBar表示所有的tabBar.item的长度将会超过屏幕宽度，但是当滚动屏幕之时可以显示出来。当然也可以自定义它的模式。 | Function             | 否       | ios，android | yes               |
-| tabBarPosition             | 表示TabBar的位置。一共有四个取值：top(放在界面上方)、bottom(放在界面底部)、overlayTop(有悬浮效果在上方)、overlayBottom(有悬浮效果在下方)                                                                                                                                                    | String               | 否       | ios，android | yes               |
-| onChangeTab                | 切换界面的时候会调用该方法，该属性中包含一个参数，它是一个object对象，这个对象有两个参数，i表示被选中的下标，ref表示被选中的对象。                                                                                                                                                          | Function             | 否       | ios，android | yes               |
-| onScroll                   | 视图滑动时调用，该属性会传递一个Float类型的数字，范围是[0,tab的数量-1]                                                                                                                                                                                                                      | Function             | 否       | ios，android | yes               |
-| locked                     | 手指是否能拖动，默认为false（可拖动）,如为true则表示只能通过点击tab来切换视图。                                                                                                                                                                                                             | Bool                 | 否       | ios，android | yes               |
-| initialPage                | 初始化时被选中的下标，默认为0                                                                                                                                                                                                                                                               | Integer              | 否       | ios，android | yes               |
-| page                       | 设置选中指定的tab(已废弃,详情请看 [#126](https://github.com/ptomasroos/react-native-scrollable-tab-view/issues/126))                                                                                                                                                                        | Integer              | 否       | ios,android  | no                |
-| children                   | 每个顶级子组件都应该有一个tabLabel属性，选项卡栏组件可以使用它来呈现标签。默认是字符串，但也可以自定义内容。                                                                                                                                                                                | ReactComponents      | 否       | ios，android | yes               |
-| tabBarUnderlineStyle       | 设置选项卡栏下划线的样式。注意，该属性只是在系统提供的ScrollableTabBarTab状态下才有效果。                                                                                                                                                                                                   | View.propTypes.style | 否       | ios，android | yes               |
-| tabBarBackgroundColor      | 设置选项卡栏背景的颜色，默认为white。                                                                                                                                                                                                                                                       | String               | 否       | ios，android | yes               |
-| tabBarActiveTextColor      | 设置选中的tabBar的文字颜色,默认navy。                                                                                                                                                                                                                                                       | String               | 否       | ios，android | yes               |
-| tabBarInactiveTextColor    | 设置未选中的tabBar的文字颜色,默认black。                                                                                                                                                                                                                                                    | String               | 否       | android,ios  | yes               |
-| tabBarTextStyle            | 选项卡栏文本的其他样式。例如：{fontFamily: 'Roboto', fontSize: 15}                                                                                                                                                                                                                          | Object               | 否       | android,ios  | yes               |
-| style                      | view所拥有的属性                                                                                                                                                                                                                                                                            | View.propTypes.style | 否       | android,ios  | yes               |
-| contentProps               | 应用于ScrollView/ViewPagerAndroid的属性。请注意，重写库设置的默认值可能会破坏功能；                                                                                                                                                                                                         | Object               | 否       | android,ios  | yes               |
-| scrollWithoutAnimation     | 设置点击Tab时，视图切换是否有动画，默认为false（即：有动画效果）。                                                                                                                                                                                                                          | Bool                 | 否       | android,ios  | yes               |
-| prerenderingSiblingsNumber | 预渲染附近的同级，Infinity===渲染所有同级，默认为0===渲染当前页面。                                                                                                                                                                                                                         | Integer              | 否       | android,ios  | yes               |
+| Name                       | Description                                                  | Type                 | Required | Platform     | HarmonyOS Support |
+| -------------------------- | ------------------------------------------------------------ | -------------------- | -------- | ------------ | ----------------- |
+| renderTabBar               | 用于渲染TabBar。添加该属性，需要在引入组件之时加上它的子组件。系统提供两种方式，DefaultTabBar和ScrollableTabBar。DefaultTabBar表示Tab.item会平分水平方向上的空间，而ScrollableTabBar表示所有的tabBar.item的长度将会超过屏幕宽度，但是当滚动屏幕之时可以显示出来。当然也可以自定义它的模式。 | Function             | no       | ios，android | yes               |
+| tabBarPosition             | 表示TabBar的位置。一共有四个取值：top(放在界面上方)、bottom(放在界面底部)、overlayTop(有悬浮效果在上方)、overlayBottom(有悬浮效果在下方) | String               | no       | ios，android | yes               |
+| onChangeTab                | 切换界面的时候会调用该方法，该属性中包含一个参数，它是一个object对象，这个对象有两个参数，i表示被选中的下标，ref表示被选中的对象。 | Function             | no       | ios，android | yes               |
+| onScroll                   | 视图滑动时调用，该属性会传递一个Float类型的数字，范围是[0,tab的数量-1] | Function             | no       | ios，android | yes               |
+| locked                     | 手指是否能拖动，默认为false（可拖动）,如为true则表示只能通过点击tab来切换视图。 | Bool                 | no       | ios，android | yes               |
+| initialPage                | 初始化时被选中的下标，默认为0                                | Integer              | no       | ios，android | yes               |
+| page                       | 设置选中指定的tab(已废弃,详情请看 [#126](https://github.com/ptomasroos/react-native-scrollable-tab-view/issues/126)) | Integer              | no       | ios,android  | no                |
+| children                   | 每个顶级子组件都应该有一个tabLabel属性，选项卡栏组件可以使用它来呈现标签。默认是字符串，但也可以自定义内容。 | ReactComponents      | no       | ios，android | yes               |
+| tabBarUnderlineStyle       | 设置选项卡栏下划线的样式。注意，该属性只是在系统提供的ScrollableTabBarTab状态下才有效果。 | View.propTypes.style | no       | ios，android | yes               |
+| tabBarBackgroundColor      | 设置选项卡栏背景的颜色，默认为white。                        | String               | no       | ios，android | yes               |
+| tabBarActiveTextColor      | 设置选中的tabBar的文字颜色,默认navy。                        | String               | no       | ios，android | yes               |
+| tabBarInactiveTextColor    | 设置未选中的tabBar的文字颜色,默认black。                     | String               | no       | android,ios  | yes               |
+| tabBarTextStyle            | 选项卡栏文本的其他样式。例如：{fontFamily: 'Roboto', fontSize: 15} | Object               | no       | android,ios  | yes               |
+| style                      | view所拥有的属性                                             | View.propTypes.style | no       | android,ios  | yes               |
+| contentProps               | 应用于ScrollView/ViewPagerAndroid的属性。请注意，重写库设置的默认值可能会破坏功能； | Object               | no       | android,ios  | yes               |
+| scrollWithoutAnimation     | 设置点击Tab时，视图切换是否有动画，默认为false（即：有动画效果）。 | Bool                 | no       | android,ios  | yes               |
+| prerenderingSiblingsNumber | 预渲染附近的同级，Infinity===渲染所有同级，默认为0===渲染当前页面。 | Integer              | no       | android,ios  | yes               |
 
 ## 遗留问题
 
diff --git a/zh-cn/react-native-sensors.md b/zh-cn/react-native-sensors.md
index 37ae606d..630b07ce 100644
--- a/zh-cn/react-native-sensors.md
+++ b/zh-cn/react-native-sensors.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-sensors</code> </h1>
@@ -87,6 +87,10 @@ gravity.subscribe(({ x, y, z, timestamp }) =>
 setUpdateIntervalForType(SensorTypes.accelerometer, 100);
 ```
 
+## 使用 Codegen
+
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
+
 ## Link
 
 目前 HarmonyOS 暂不支持 AutoLink，所以 Link 步骤需要手动配置。
diff --git a/zh-cn/react-native-stickyheader.md b/zh-cn/react-native-stickyheader.md
index 5bf7aa06..53cbe675 100644
--- a/zh-cn/react-native-stickyheader.md
+++ b/zh-cn/react-native-stickyheader.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-stickyheader</code> </h1>
diff --git a/zh-cn/react-native-swipe-list-view.md b/zh-cn/react-native-swipe-list-view.md
index 5793f491..677df78a 100644
--- a/zh-cn/react-native-swipe-list-view.md
+++ b/zh-cn/react-native-swipe-list-view.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-swipe-list-view</code> </h1>
diff --git a/zh-cn/react-native-swiper.md b/zh-cn/react-native-swiper.md
index 26e8d84e..cce462bb 100644
--- a/zh-cn/react-native-swiper.md
+++ b/zh-cn/react-native-swiper.md
@@ -1,15 +1,23 @@
 <!-- {% raw %} -->
-> 模板版本：v0.1.3
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-swiper</code> </h1>
 </p>
 <p align="center">
+        <a href="https://github.com/leecade/react-native-swiper/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/leecade/react-native-swiper/blob/master/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
+
+
+
+
+
 > [!tip] [Github 地址](https://github.com/leecade/react-native-swiper)
 
 ## 安装与使用
@@ -86,6 +94,8 @@ export default class SwiperComponent extends Component {
 AppRegistry.registerComponent("myproject", () => SwiperComponent);
 ```
 
+## 约束与限制
+
 ### 兼容性
 
 在下述版本验证通过:
@@ -101,48 +111,48 @@ AppRegistry.registerComponent("myproject", () => SwiperComponent);
 
 #### basics
 
-| Prop           |     Default     |   Type   | Description                                                                                                 | platform | HarmonyOS Support | remark |
-| :------------- | :-------------: | :------: | :---------------------------------------------------------------------------------------------------------- | -------- | ----------------- | ------ |
-| horizontal     |      true       |  `bool`  | If `true`, the scroll view's children are arranged horizontally in a row instead of vertically in a column. | All      | YES               | --     |
-| loop           |      true       |  `bool`  | Set to `false` to disable continuous loop mode.                                                             | All      | YES               | --     |
-| index          |        0        | `number` | Index number of initial slide.                                                                              | All      | YES               | --     |
-| showsButtons   |      false      |  `bool`  | Set to `true` make control buttons visible.                                                                 | All      | YES               | --     |
-| autoplay       |      false      |  `bool`  | Set to `true` enable auto play mode.                                                                        | All      | YES               | --     |
-| onIndexChanged | (index) => null |  `func`  | Called with the new index when the user swiped                                                              | All      | YES               | --     |
+| Name           | Description                                                  |   Type   |     Default     | platform | HarmonyOS Support |
+| :------------- | ------------------------------------------------------------ | :------: | :-------------: | -------- | ----------------- |
+| horizontal     | If `true`, the scroll view's children are arranged horizontally in a row instead of vertically in a column. |  `bool`  |      true       | All      | YES               |
+| loop           | Set to `false` to disable continuous loop mode.              |  `bool`  |      true       | All      | YES               |
+| index          | Index number of initial slide.                               | `number` |        0        | All      | YES               |
+| showsButtons   | Set to `true` make control buttons visible.                  |  `bool`  |      false      | All      | YES               |
+| autoplay       | Set to `true` enable auto play mode.                         |  `bool`  |      false      | All      | YES               |
+| onIndexChanged | Called with the new index when the user swiped               |  `func`  | (index) => null | All      | YES               |
 
 #### Custom basic style & content
 
-| Prop              |         Default         |   Type    | Description                                                                | platform | HarmonyOS Support | remark |
-| :---------------- | :---------------------: | :-------: | :------------------------------------------------------------------------- | -------- | ----------------- | ------ |
-| width             |            -            | `number`  | If no specify default enable fullscreen mode by `flex: 1`.                 | All      | YES               | --     |
-| height            |            -            | `number`  | If no specify default fullscreen mode by `flex: 1`.                        | All      | YES               | --     |
-| style             |          {...}          |  `style`  | See default style in source.                                               | All      | YES               | --     |
-| containerStyle    |          {...}          |  `style`  | See default container style in source.                                     | All      | YES               | --     |
-| loadMinimal       |          false          |  `bool`   | Only load current index slide , `loadMinimalSize` slides before and after. | All      | YES               | --     |
-| loadMinimalSize   |            1            | `number`  | see `loadMinimal`                                                          | All      | YES               | --     |
-| loadMinimalLoader | `<ActivityIndicator />` | `element` | Custom loader to display when slides aren't loaded                         | All      | YES               | --     |
+| Name              | Description                                                  |   Type    |         Default         | platform | HarmonyOS Support |
+| :---------------- | :----------------------------------------------------------- | :-------: | :---------------------: | -------- | ----------------- |
+| width             | If no specify default enable fullscreen mode by `flex: 1`.   | `number`  |            -            | All      | YES               |
+| height            | If no specify default fullscreen mode by `flex: 1`.          | `number`  |            -            | All      | YES               |
+| style             | See default style in source.                                 |  `style`  |          {...}          | All      | YES               |
+| containerStyle    | See default container style in source.                       |  `style`  |          {...}          | All      | YES               |
+| loadMinimal       | Only load current index slide , `loadMinimalSize` slides before and after. |  `bool`   |          false          | All      | YES               |
+| loadMinimalSize   | see `loadMinimal`                                            | `number`  |            1            | All      | YES               |
+| loadMinimalLoader | Custom loader to display when slides aren't loaded           | `element` | `<ActivityIndicator />` | All      | YES               |
 
 #### Pagination
 
-| Prop             |                                                                          Default                                                                          |    Type    | Description                                                                                                                                                                                   | platform | HarmonyOS Support | remark |
-| :--------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------- | ------ |
-| showsPagination  |                                                                           true                                                                            |   `bool`   | Set to `true` make pagination visible.                                                                                                                                                        | All      | YES               | --     |
-| paginationStyle  |                                                                           {...}                                                                           |  `style`   | Custom styles will merge with the default styles.                                                                                                                                             | All      | YES               | --     |
-| renderPagination |                                                                             -                                                                             | `function` | Complete control how to render pagination with three params (`index`, `total`, `context`) ref to `this.state.index` / `this.state.total` / `this`, For example: show numbers instead of dots. | All      | YES               | --     |
-| dot              | `<View style={{backgroundColor:'rgba(0,0,0,.2)', width: 8, height: 8,borderRadius: 4, marginLeft: 3, marginRight: 3, marginTop: 3, marginBottom: 3,}} />` | `element`  | Allow custom the dot element.                                                                                                                                                                 | All      | YES               | --     |
-| activeDot        |   `<View style={{backgroundColor: '#007aff', width: 8, height: 8, borderRadius: 4, marginLeft: 3, marginRight: 3, marginTop: 3, marginBottom: 3,}} />`    | `element`  | Allow custom the active-dot element.                                                                                                                                                          | All      | YES               | --     |
-| dotStyle         |                                                                             -                                                                             |  `object`  | Allow custom the dot element.                                                                                                                                                                 | All      | YES               | --     |
-| dotColor         |                                                                             -                                                                             |  `string`  | Allow custom the dot element.                                                                                                                                                                 | All      | YES               | --     |
-| activeDotColor   |                                                                             -                                                                             |  `string`  | Allow custom the active-dot element.                                                                                                                                                          | All      | YES               | --     |
-| activeDotStyle   |                                                                             -                                                                             |  `object`  | Allow custom the active-dot element.                                                                                                                                                          | All      | YES               | --     |
+| Name             | Description                                                  |    Type    |                           Default                            | platform | HarmonyOS Support |
+| :--------------- | :----------------------------------------------------------- | :--------: | :----------------------------------------------------------: | -------- | ----------------- |
+| showsPagination  | Set to `true` make pagination visible.                       |   `bool`   |                             true                             | All      | YES               |
+| paginationStyle  | Custom styles will merge with the default styles.            |  `style`   |                            {...}                             | All      | YES               |
+| renderPagination | Complete control how to render pagination with three params (`index`, `total`, `context`) ref to `this.state.index` / `this.state.total` / `this`, For example: show numbers instead of dots. | `function` |                              -                               | All      | YES               |
+| dot              | Allow custom the dot element.                                | `element`  | `<View style={{backgroundColor:'rgba(0,0,0,.2)', width: 8, height: 8,borderRadius: 4, marginLeft: 3, marginRight: 3, marginTop: 3, marginBottom: 3,}} />` | All      | YES               |
+| activeDot        | Allow custom the active-dot element.                         | `element`  | `<View style={{backgroundColor: '#007aff', width: 8, height: 8, borderRadius: 4, marginLeft: 3, marginRight: 3, marginTop: 3, marginBottom: 3,}} />` | All      | YES               |
+| dotStyle         | Allow custom the dot element.                                |  `object`  |                              -                               | All      | YES               |
+| dotColor         | Allow custom the dot element.                                |  `string`  |                              -                               | All      | YES               |
+| activeDotColor   | Allow custom the active-dot element.                         |  `string`  |                              -                               | All      | YES               |
+| activeDotStyle   | Allow custom the active-dot element.                         |  `object`  |                              -                               | All      | YES               |
 
 #### Autoplay
 
-| Prop              | Default |   Type   | Description                                      | platform | HarmonyOS Support | remark |
-| :---------------- | :-----: | :------: | :----------------------------------------------- | -------- | ----------------- | ------ |
-| autoplay          |  true   |  `bool`  | Set to `true` enable auto play mode.             | All      | YES               | --     |
-| autoplayTimeout   |   2.5   | `number` | Delay between auto play transitions (in second). | All      | YES               | --     |
-| autoplayDirection |  true   |  `bool`  | Cycle direction control.                         | All      | YES               | --     |
+| Name              | Description                                      |   Type   | Default | platform | HarmonyOS Support |
+| :---------------- | :----------------------------------------------- | :------: | :-----: | -------- | ----------------- |
+| autoplay          | Set to `true` enable auto play mode.             |  `bool`  |  true   | All      | YES               |
+| autoplayTimeout   | Delay between auto play transitions (in second). | `number` |   2.5   | All      | YES               |
+| autoplayDirection | Cycle direction control.                         |  `bool`  |  true   | All      | YES               |
 
 #### Control buttons
 
@@ -155,37 +165,37 @@ AppRegistry.registerComponent("myproject", () => SwiperComponent);
 
 #### Props of Children
 
-| Prop  |               Default                |   Type    | Description                                                    | platform | HarmonyOS Support | remark |
-| :---- | :----------------------------------: | :-------: | :------------------------------------------------------------- | -------- | ----------------- | ------ |
-| style |                {...}                 |  `style`  | Custom styles will merge with the default styles.              | All      | YES               | --     |
-| title | {<Text numberOfLines={1}>...</Text>} | `element` | If this parameter is not specified, will not render the title. | All      | YES               | --     |
+| Name  | Description                                                  |   Type    |               Default                | platform | HarmonyOS Support |
+| :---- | :----------------------------------------------------------- | :-------: | :----------------------------------: | -------- | ----------------- |
+| style | Custom styles will merge with the default styles.            |  `style`  |                {...}                 | All      | YES               |
+| title | If this parameter is not specified, will not render the title. | `element` | {<Text numberOfLines={1}>...</Text>} | All      | YES               |
 
 #### Basic props of `<ScrollView />`
 
-| Prop                             | Default |  Type  | Description                                                                                                                                                                                                                                     | platform | HarmonyOS Support | remark                                                                             |
-| :------------------------------- | :-----: | :----: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | ----------------- | ---------------------------------------------------------------------------------- |
-| horizontal                       |  true   | `bool` | If `true`, the scroll view's children are arranged horizontally in a row instead of vertically in a column.                                                                                                                                     | All      | YES               | --                                                                                 |
-| pagingEnabled                    |  true   | `bool` | If true, the scroll view stops on multiples of the scroll view's size when scrolling. This can be used for horizontal pagination.                                                                                                               | All      | YES               | --                                                                                 |
-| showsHorizontalScrollIndicator   |  false  | `bool` | Set to `true` if you want to show horizontal scroll bar.                                                                                                                                                                                        | All      | YES               | --                                                                                 |
-| showsVerticalScrollIndicator     |  false  | `bool` | Set to `true` if you want to show vertical scroll bar.                                                                                                                                                                                          | All      | YES               | --                                                                                 |
-| bounces                          |  false  | `bool` | If `true`, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction. If `false`, it disables all bouncing even if the alwaysBounce\* props are true. | All      | YES               | --                                                                                 |
-| scrollsToTop                     |  false  | `bool` | If true, the scroll view scrolls to top when the status bar is tapped.                                                                                                                                                                          | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的scrollsToTop暂时不支持                     |
-| removeClippedSubviews            |  true   | `bool` | If true, offscreen child views (whose overflow value is hidden) are removed from their native backing superview when offscreen. This canimprove scrolling performance on long lists.                                                            | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的removeClippedSubviews暂时不支持            |
-| automaticallyAdjustContentInsets |  false  | `bool` | Set to `true` if you need adjust content insets automation.                                                                                                                                                                                     | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的automaticallyAdjustContentInsets暂时不支持 |
-| scrollEnabled                    |  true   | `bool` | Enables/Disables swiping                                                                                                                                                                                                                        | All      | YES               | --                                                                                 |
+| Name                             | Description                                                  |  Type  | Default | platform | HarmonyOS Support | remark                                                       |
+| :------------------------------- | :----------------------------------------------------------- | :----: | :-----: | -------- | ----------------- | ------------------------------------------------------------ |
+| horizontal                       | If `true`, the scroll view's children are arranged horizontally in a row instead of vertically in a column. | `bool` |  true   | All      | YES               | --                                                           |
+| pagingEnabled                    | If true, the scroll view stops on multiples of the scroll view's size when scrolling. This can be used for horizontal pagination. | `bool` |  true   | All      | YES               | --                                                           |
+| showsHorizontalScrollIndicator   | Set to `true` if you want to show horizontal scroll bar.     | `bool` |  false  | All      | YES               | --                                                           |
+| showsVerticalScrollIndicator     | Set to `true` if you want to show vertical scroll bar.       | `bool` |  false  | All      | YES               | --                                                           |
+| bounces                          | If `true`, the scroll view bounces when it reaches the end of the content if the content is larger then the scroll view along the axis of the scroll direction. If `false`, it disables all bouncing even if the alwaysBounce\* props are true. | `bool` |  false  | All      | YES               | --                                                           |
+| scrollsToTop                     | If true, the scroll view scrolls to top when the status bar is tapped. | `bool` |  false  | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的scrollsToTop暂时不支持 |
+| removeClippedSubviews            | If true, offscreen child views (whose overflow value is hidden) are removed from their native backing superview when offscreen. This canimprove scrolling performance on long lists. | `bool` |  true   | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的removeClippedSubviews暂时不支持 |
+| automaticallyAdjustContentInsets | Set to `true` if you need adjust content insets automation.  | `bool` |  false  | All      | NO                | 组件属性继承RNOH scrollview,当前RNOH中的automaticallyAdjustContentInsets暂时不支持 |
+| scrollEnabled                    | Enables/Disables swiping                                     | `bool` |  true   | All      | YES               | --                                                           |
 
 > @see: http://facebook.github.io/react-native/docs/scrollview.html
 
 #### Supported ScrollResponder
 
-| Prop                |          Params           |    Type    | Description                                                 | platform | HarmonyOS Support | remark |
-| :------------------ | :-----------------------: | :--------: | :---------------------------------------------------------- | -------- | ----------------- | ------ |
-| onScrollBeginDrag   | `e` / `state` / `context` | `function` | When animation begins after letting up                      | All      | YES               | --     |
-| onMomentumScrollEnd | `e` / `state` / `context` | `function` | Makes no sense why this occurs first during bounce          | All      | YES               | --     |
-| onTouchStartCapture | `e` / `state` / `context` | `function` | Immediately after `onMomentumScrollEnd`                     | All      | YES               | --     |
-| onTouchStart        | `e` / `state` / `context` | `function` | Same, but bubble phase                                      | All      | YES               | --     |
-| onTouchEnd          | `e` / `state` / `context` | `function` | You could hold the touch start for a long time              | All      | YES               | --     |
-| onResponderRelease  | `e` / `state` / `context` | `function` | When lifting up - you could pause forever before \* lifting | All      | YES               | --     |
+| Name                | Description                                                 |    Type    |          Params           | platform | HarmonyOS Support |
+| :------------------ | :---------------------------------------------------------- | :--------: | :-----------------------: | -------- | ----------------- |
+| onScrollBeginDrag   | When animation begins after letting up                      | `function` | `e` / `state` / `context` | All      | YES               |
+| onMomentumScrollEnd | Makes no sense why this occurs first during bounce          | `function` | `e` / `state` / `context` | All      | YES               |
+| onTouchStartCapture | Immediately after `onMomentumScrollEnd`                     | `function` | `e` / `state` / `context` | All      | YES               |
+| onTouchStart        | Same, but bubble phase                                      | `function` | `e` / `state` / `context` | All      | YES               |
+| onTouchEnd          | You could hold the touch start for a long time              | `function` | `e` / `state` / `context` | All      | YES               |
+| onResponderRelease  | When lifting up - you could pause forever before \* lifting | `function` | `e` / `state` / `context` | All      | YES               |
 
 > Note: each ScrollResponder be injected with two params: `state` and `context`, you can get `state` and `context`(ref to swiper's `this`) from params, for example:
 
@@ -211,10 +221,10 @@ var swiper = React.createClass({
 
 #### scrollBy(index, animated)
 
-| Name     |   Type   |   default   | Description  | platform | HarmonyOS Support | remark |
-| :------- | :------: | :---------: | :----------- | -------- | ----------------- | ------ |
-| index    | `number` | `undefined` | offset index | All      | YES               | --     |
-| animated |  `bool`  |   `true`    | offset index | All      | YES               | --     |
+| Name     | Description  |   Type   |   default   | platform | HarmonyOS Support |
+| :------- | :----------- | :------: | :---------: | -------- | ----------------- |
+| index    | offset index | `number` | `undefined` | All      | YES               |
+| animated | offset index |  `bool`  |   `true`    | All      | YES               |
 
 ### 遗留问题
 
diff --git a/zh-cn/react-native-zip-archive.md b/zh-cn/react-native-zip-archive.md
index c1f0f6f6..792db529 100644
--- a/zh-cn/react-native-zip-archive.md
+++ b/zh-cn/react-native-zip-archive.md
@@ -1,5 +1,5 @@
 <!-- {% raw %} -->
-> 模板版本：v0.2.1
+> 模板版本：v0.2.2
 
 <p align="center">
   <h1 align="center"> <code>react-native-zip-archive</code> </h1>
@@ -400,7 +400,9 @@ const styles = StyleSheet.create({
 })
 ```
 
+## 使用 Codegen
 
+本库已经适配了 `Codegen` ，在使用前需要主动执行生成三方库桥接代码，详细请参考[ Codegen 使用文档](/zh-cn/codegen.md)。
 
 ## Link
 
-- 
Gitee


From 570e0ff224d5a4e786b17330744dbcbfb2282cc8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Thu, 4 Jul 2024 15:22:52 +0800
Subject: [PATCH 2/4] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-native-pull.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/zh-cn/react-native-pull.md b/zh-cn/react-native-pull.md
index 9fcd9bde..5da090d0 100644
--- a/zh-cn/react-native-pull.md
+++ b/zh-cn/react-native-pull.md
@@ -445,7 +445,7 @@ export default PullListDemo;
 
 要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ Releases](https://gitee.com/link?target=https%3A%2F%2Fgithub.com%2F%3C%E4%BB%93%E5%BA%93%E5%9C%B0%E5%9D%80%3E%2Freleases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[ Releases](https://github.com/react-native-oh-library/react-native-pull/releases)
 
 本文档内容基于以下版本验证通过：
 
-- 
Gitee


From a4e2588a2b68e2f68b332b684b04f23e68b14160 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Thu, 4 Jul 2024 17:24:26 +0800
Subject: [PATCH 3/4] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-lifecycles-compat.md          | 4 ++++
 zh-cn/react-native-animate-number.md      | 7 ++++---
 zh-cn/react-native-canvas.md              | 2 +-
 zh-cn/react-native-image-viewing.md       | 2 +-
 zh-cn/react-native-scrollable-tab-view.md | 5 +++--
 zh-cn/react-native-swiper.md              | 6 +-----
 6 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/zh-cn/react-lifecycles-compat.md b/zh-cn/react-lifecycles-compat.md
index b7f5ac38..7aaae6a2 100644
--- a/zh-cn/react-lifecycles-compat.md
+++ b/zh-cn/react-lifecycles-compat.md
@@ -5,12 +5,16 @@
   <h1 align="center"> <code>react-lifecycles-compat</code> </h1>
 </p>
 <p align="center">
+     <a href="https://github.com/reactjs/react-lifecycles-compat/blob/master">
+     <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+ </a>
     <a href="https://github.com/reactjs/react-lifecycles-compat/blob/master/LICENSE.md">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
 
+
 > [!TIP] [Github 地址](https://github.com/reactjs/react-lifecycles-compat)
 
 ## 安装与使用
diff --git a/zh-cn/react-native-animate-number.md b/zh-cn/react-native-animate-number.md
index af65d96b..f704570e 100644
--- a/zh-cn/react-native-animate-number.md
+++ b/zh-cn/react-native-animate-number.md
@@ -8,12 +8,13 @@
         <a href="https://github.com/wkh237/react-native-animate-number">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/wkh237/react-native-animate-number">
+    <a href="https://www.mit-license.org/">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
 
+
 > [!TIP] [Github 地址](https://github.com/wkh237/react-native-animate-number)
 
 ## 安装与使用
@@ -144,7 +145,7 @@ export default App;
 
 ## 约束与限制
 
-## 兼容性
+### 兼容性
 
 在以下版本验证通过
 
@@ -169,6 +170,6 @@ export default App;
 
 ## 开源协议
 
-本项目基于 [The MIT License (MIT)](https://github.com/wkh237/react-native-animate-number) ，请自由地享受和参与开源。
+本项目基于 [The MIT License (MIT)](https://www.mit-license.org/) ，请自由地享受和参与开源。
 
 <!-- {% endraw %} -->
\ No newline at end of file
diff --git a/zh-cn/react-native-canvas.md b/zh-cn/react-native-canvas.md
index 8cf192a8..435e5526 100644
--- a/zh-cn/react-native-canvas.md
+++ b/zh-cn/react-native-canvas.md
@@ -137,7 +137,7 @@ export default CanvasDemo;
 
 本库 HarmonyOS 侧实现依赖@react-native-oh-tpl/react-native-webview 的原生端代码，如已在 HarmonyOS 工程中引入过该库，则无需再次引入，可跳过本章节步骤，直接使用。
 
-如未引入请参照[@react-native-oh-tpl/react-native-webview 文档的 Link 章节](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-canvas.md)进行引入
+如未引入请参照[@react-native-oh-tpl/react-native-webview ](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-webview.md)文档的 Link 章节进行引入
 
 ## 兼容性
 
diff --git a/zh-cn/react-native-image-viewing.md b/zh-cn/react-native-image-viewing.md
index 46d20ad2..0e10ba01 100644
--- a/zh-cn/react-native-image-viewing.md
+++ b/zh-cn/react-native-image-viewing.md
@@ -186,7 +186,7 @@ const styles = StyleSheet.create({
 
 ## 兼容性
 
-请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[<@react-native-oh-tpl/react-native-image-viewing>Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases)
+请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[Releases](https://github.com/react-native-oh-library/react-native-image-viewing/releases)
 
 本文档内容基于以下版本验证通过:
 
diff --git a/zh-cn/react-native-scrollable-tab-view.md b/zh-cn/react-native-scrollable-tab-view.md
index 912a05e1..80474e3b 100644
--- a/zh-cn/react-native-scrollable-tab-view.md
+++ b/zh-cn/react-native-scrollable-tab-view.md
@@ -8,12 +8,13 @@
     <a href="https://github.com/ptomasroos/react-native-scrollable-tab-view">
         <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
-    <a href="https://github.com/ptomasroos/react-native-scrollable-tab-view">
-        <img src="https://badge.fury.io/js/react-native-scrollable-tab-view.svg" alt="npm package" />
+    <a href="https://www.mit-license.org/">
+        <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
 </p>
 
 
+
 > [!tip] [Github 地址](https://github.com/react-native-oh-library/react-native-scrollable-tab-view)
 
 ## 安装与使用
diff --git a/zh-cn/react-native-swiper.md b/zh-cn/react-native-swiper.md
index cce462bb..c8ce9703 100644
--- a/zh-cn/react-native-swiper.md
+++ b/zh-cn/react-native-swiper.md
@@ -14,10 +14,6 @@
 </p>
 
 
-
-
-
-
 > [!tip] [Github 地址](https://github.com/leecade/react-native-swiper)
 
 ## 安装与使用
@@ -103,7 +99,7 @@ AppRegistry.registerComponent("myproject", () => SwiperComponent);
 
 2.RNOH：0.72.20; SDK:HarmonyOS NEXT Developer Preview2 B.0.73; IDE：DevEco Studio 5.0.3.29; ROM：205.0.0.18;
 
-### 属性
+## 属性
 
 > [!tip] "Platform"列表示该属性在原三方库上支持的平台。
 
-- 
Gitee


From cd862e95e9bccc54166719618a8a1598f9455319 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9D=E4=B9=94=E6=9E=97?= <zhuqiaolin2@h-partners.com>
Date: Fri, 5 Jul 2024 16:14:16 +0800
Subject: [PATCH 4/4] =?UTF-8?q?docs:=20[Issues:=20#IAADKA]=20=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E6=8C=890.2.2=E8=A7=84=E8=8C=83=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E6=96=87=E6=A1=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 zh-cn/react-lifecycles-compat.md       | 7 ++++---
 zh-cn/react-native-reanimated-table.md | 3 ++-
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/zh-cn/react-lifecycles-compat.md b/zh-cn/react-lifecycles-compat.md
index 7aaae6a2..566f5477 100644
--- a/zh-cn/react-lifecycles-compat.md
+++ b/zh-cn/react-lifecycles-compat.md
@@ -5,9 +5,9 @@
   <h1 align="center"> <code>react-lifecycles-compat</code> </h1>
 </p>
 <p align="center">
-     <a href="https://github.com/reactjs/react-lifecycles-compat/blob/master">
-     <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
- </a>
+<a href="https://github.com/reactjs/react-lifecycles-compat/blob/master">
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20web%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+    </a>
     <a href="https://github.com/reactjs/react-lifecycles-compat/blob/master/LICENSE.md">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
     </a>
@@ -15,6 +15,7 @@
 
 
 
+
 > [!TIP] [Github 地址](https://github.com/reactjs/react-lifecycles-compat)
 
 ## 安装与使用
diff --git a/zh-cn/react-native-reanimated-table.md b/zh-cn/react-native-reanimated-table.md
index b9d059ab..3be209fb 100644
--- a/zh-cn/react-native-reanimated-table.md
+++ b/zh-cn/react-native-reanimated-table.md
@@ -6,7 +6,7 @@
 </p>
 <p align="center">
   <a href="https://github.com/dohooo/react-native-reanimated-table/blob/main">
-        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|web|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
+        <img src="https://img.shields.io/badge/platforms-android%20|%20ios%20|%20harmony%20-lightgrey.svg" alt="Supported platforms" />
     </a>
     <a href="https://github.com/dohooo/react-native-reanimated-table/blob/main/LICENSE">
         <img src="https://img.shields.io/badge/license-MIT-green.svg" alt="License" />
@@ -14,6 +14,7 @@
 </p>
 
 
+
 > [!TIP] [Github 地址](https://github.com/dohooo/react-native-reanimated-table)
 
 ## 安装与使用
-- 
Gitee