From 78b24874a50f9992345ebb8b9dc1b02cb7422ae5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E6=B5=A9?=
Date: Tue, 7 May 2024 18:42:30 +0800
Subject: [PATCH 1/4] =?UTF-8?q?[Issues:=20#I9N5CA]=20=E4=BF=AE=E6=94=B9?=
=?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E4=B8=AD=E7=9A=84=E7=89=88?=
=?UTF-8?q?=E6=9C=AC=E5=8F=8A=E5=85=B6=E4=BB=96=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
1224/dayJs.md | 4 +-
1224/jsbarcode.md | 169 ++++++++++++++-----
1224/moment.md | 4 +-
1224/qrcode-generator.md | 4 +-
1224/react-native-animate-number.md | 4 +-
1224/react-native-blob-util.md | 4 +-
1224/react-native-drawer-layout-polyfill.md | 4 +-
1224/react-native-fit-Image.md | 4 +-
1224/react-native-image-viewing.md | 4 +-
1224/react-native-image-zoom.md | 4 +-
1224/react-native-intersection-observer.md | 2 +-
1224/react-native-pull.md | 4 +-
1224/react-native-swipe-list-view.md | 4 +-
1224/redux-toolkit.md | 4 +-
zh-cn/EventBus.md | 4 +-
zh-cn/dayJs.md | 4 +-
zh-cn/jsbarcode.md | 168 +++++++++++++-----
zh-cn/moment.md | 4 +-
zh-cn/qrcode-generator.md | 4 +-
zh-cn/react-ahooks.md | 63 +++++++
zh-cn/react-native-animate-number.md | 4 +-
zh-cn/react-native-blob-util.md | 4 +-
zh-cn/react-native-drawer-layout-polyfill.md | 4 +-
zh-cn/react-native-fit-Image.md | 4 +-
zh-cn/react-native-image-viewing.md | 4 +-
zh-cn/react-native-image-zoom.md | 4 +-
zh-cn/react-native-intersection-observer.md | 4 +-
zh-cn/react-native-pull.md | 4 +-
zh-cn/react-native-swipe-list-view.md | 4 +-
zh-cn/redux-toolkit.md | 4 +-
30 files changed, 363 insertions(+), 143 deletions(-)
diff --git a/1224/dayJs.md b/1224/dayJs.md
index 750ec954..f93ee86f 100644
--- a/1224/dayJs.md
+++ b/1224/dayJs.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
DayJs
@@ -46,7 +46,7 @@ dayjs().format()
本文档内容基于以下版本验证通过:
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.59;
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:3.0.0.21;
## API
diff --git a/1224/jsbarcode.md b/1224/jsbarcode.md
index db91beb7..111afc28 100644
--- a/1224/jsbarcode.md
+++ b/1224/jsbarcode.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
JsBarCode
@@ -45,51 +45,128 @@ import JsBarCode from 'jsbarcode';
> [!tip] [jsbarcode库依赖react-native-svg库进行条形码展示, svg 当前仅实现部分属性,其余还未实现鸿蒙化]
> [!tip] [详见react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)
```js
-import { useMemo } from 'react';
-import JsBarcode from 'jsbarcode';
-import { SvgXml } from 'react-native-svg';
-import { DOMImplementation, XMLSerializer } from 'xmldom';
-
-export const Barcode = (props: Props) => {
- const [jsbarcodeInfo, setJsbarcodeInfo] = useState('');
- const {
- width ,
- height,
- format,
- ... // options
- } = props.options;
-
- const svgText = useMemo(() => {
- const doc = new DOMImplementation().createDocument(null, 'html');
- const svgNode = doc.createElementNS(null, 'svg');
-
- JsBarcode(svgNode, props.value, {
- xmlDocument: doc,
- width,
- height,
- format,
- ... // options
- });
-
- svgNode.removeAttribute('style')
- setJsbarcodeInfo(new XMLSerializer().serializeToString(svgNode));
-
- return new XMLSerializer().serializeToString(svgNode);
- }, [props]);
-
- return ;
-};
-
-// 页面展示条形码
-import { Barcode } from 'XXXX';
-function JsbarcodeSvgDemo() {
+import {ScrollView, StyleSheet, View, Text} from 'react-native';
+import {Barcode} from './component/SvgComponent';
+import {useState} from 'react';
+
+export default function JsbarcodeSvgDemo() {
+
return (
-
- )
+
+
+ format和background:'red'
+
+
+ format: 'EAN13', background: 'yellow'
+
+
+
+ format: 'CODE128', background: 'pink'
+
+
+ width和height
+
+
+ Text
+
+ fontOptions:bold
+
+ fontOptions:'bold italic'
+
+ fontOptions:'italic'
+
+ font
+
+ displayValue
+
+ textAlign
+
+ textPosition
+
+ textMargin
+
+ fontSize
+
+ lineColor
+
+ margins
+
+ flat: false
+
+ flat: true
+
+
+
+ );
}
+
+const styles = StyleSheet.create({
+ container: {
+ flex: 1,
+ flexDirection: 'column',
+ justifyContent: 'center',
+ alignItems: 'center',
+ backgroundColor: '#F5FCFF',
+ },
+ testStyle: {
+ fontWeight: '600',
+ },
+});
+
```
### **With canvas:**
@@ -113,7 +190,7 @@ JsBarcode(canvas, "Hello");
如下是Options使用示例展示:
-```js
+```tsx
// format
JsBarcode("#barcode", "123456789012", {
format: "EAN13"
@@ -207,7 +284,7 @@ JsBarcode("#barcode", "29012343", {
本文档内容基于以下版本验证通过:
-RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.59;
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:3.0.0.18;
## **All Options**
> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性;no 则表示不支持;partially 表示部分支持。使用方法跨平台一致,效果对标 iOS 或 Android 的效果。
diff --git a/1224/moment.md b/1224/moment.md
index 4e2b4fdb..f20ede3f 100644
--- a/1224/moment.md
+++ b/1224/moment.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
Moment
@@ -52,7 +52,7 @@ moment.locale('zh-cn');
本文档内容基于以下版本验证通过:
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.59;
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:205.0.0.18;
## API
diff --git a/1224/qrcode-generator.md b/1224/qrcode-generator.md
index 665a2918..c0ce8e57 100644
--- a/1224/qrcode-generator.md
+++ b/1224/qrcode-generator.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
qrcode-generator
@@ -60,7 +60,7 @@ export const CustomQrCode = ({text,style}) => {
在下述版本验证通过:
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.59;
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:205.0.0.18;
API列表
-------------------------------------------------------------------------------------------------------
diff --git a/1224/react-native-animate-number.md b/1224/react-native-animate-number.md
index edbc82e8..c9928961 100644
--- a/1224/react-native-animate-number.md
+++ b/1224/react-native-animate-number.md
@@ -1,4 +1,4 @@
-模板版本:v0.1.3
+模板版本:v0.2.0
react-native-animate-number
@@ -114,7 +114,7 @@ export default App;
在以下版本验证通过
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:204.1.0.59;
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Beta1; IDE:DevEco Studio 5.0.3.200; ROM:3.0.0.18;
## 属性
diff --git a/1224/react-native-blob-util.md b/1224/react-native-blob-util.md
index 0c6bf118..aa8debbf 100644
--- a/1224/react-native-blob-util.md
+++ b/1224/react-native-blob-util.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
react-native-blob-util
@@ -480,6 +480,8 @@ ohpm install
要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:205.0.0.18;
+
请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-blob-util/releases)
## API
diff --git a/1224/react-native-drawer-layout-polyfill.md b/1224/react-native-drawer-layout-polyfill.md
index ebea50a3..73b4b7e7 100644
--- a/1224/react-native-drawer-layout-polyfill.md
+++ b/1224/react-native-drawer-layout-polyfill.md
@@ -1,4 +1,4 @@
-模板版本:v0.1.3
+模板版本:v0.2.0
react-native-drawer-layout-polyfill
@@ -195,7 +195,7 @@ export default App;
在以下版本验证通过
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:204.1.0.59;
+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/1224/react-native-fit-Image.md b/1224/react-native-fit-Image.md
index 0d5ea46a..648bf0bf 100644
--- a/1224/react-native-fit-Image.md
+++ b/1224/react-native-fit-Image.md
@@ -1,4 +1,4 @@
-模板版本:v0.1.3
+模板版本:v0.2.0
react-native-fit-image
@@ -281,7 +281,7 @@ export default FitImageDemo;
在以下版本验证通过
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT DP2; IDE:DevEco Studio 4.1.3.700; ROM:2.1.0.72;
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:3.0.0.21;
## 属性
diff --git a/1224/react-native-image-viewing.md b/1224/react-native-image-viewing.md
index b2e5137e..337ac2d9 100644
--- a/1224/react-native-image-viewing.md
+++ b/1224/react-native-image-viewing.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
react-native-image-viewing
@@ -187,7 +187,7 @@ const styles = StyleSheet.create({
在下述版本验证通过:
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT DP2; IDE:DevEco Studio 4.1.3.700; ROM:204.1.0.72(SP2DEVC00E72R1P1);
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:205.0.0.18;
API列表
-------------------------------------------------------------------------------------------------------
diff --git a/1224/react-native-image-zoom.md b/1224/react-native-image-zoom.md
index d3e7ff69..2f121e95 100644
--- a/1224/react-native-image-zoom.md
+++ b/1224/react-native-image-zoom.md
@@ -1,4 +1,4 @@
-模板版本:v0.1.3
+模板版本:v0.2.0
react-native-image-zoom
@@ -300,7 +300,7 @@ export default ImageZoomDemo;
在以下版本验证通过
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:204.1.0.59;
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Beta1; IDE:DevEco Studio 5.0.3.200; ROM:3.0.0.18;
## 属性
diff --git a/1224/react-native-intersection-observer.md b/1224/react-native-intersection-observer.md
index 8e336901..327ad928 100644
--- a/1224/react-native-intersection-observer.md
+++ b/1224/react-native-intersection-observer.md
@@ -80,7 +80,7 @@ export default App;
在下述版本验证通过:
-RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.59;
+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/1224/react-native-pull.md b/1224/react-native-pull.md
index 3c9d48e3..85ee3a46 100644
--- a/1224/react-native-pull.md
+++ b/1224/react-native-pull.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
react-native-pull
@@ -341,7 +341,7 @@ export default PullListDemo;
### 兼容性
本文档内容基于以下版本验证通过:
-RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.59;
+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)
diff --git a/1224/react-native-swipe-list-view.md b/1224/react-native-swipe-list-view.md
index 8252c0ae..fd527986 100644
--- a/1224/react-native-swipe-list-view.md
+++ b/1224/react-native-swipe-list-view.md
@@ -1,4 +1,4 @@
-模板版本:v0.1.3
+模板版本:v0.2.0
react-native-swipe-list-view
@@ -200,7 +200,7 @@ const styles = StyleSheet.create({
在以下版本验证通过
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:204.1.0.59;
+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/1224/redux-toolkit.md b/1224/redux-toolkit.md
index 9cdff16a..2f6e7caf 100644
--- a/1224/redux-toolkit.md
+++ b/1224/redux-toolkit.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
redux-toolkit
@@ -149,7 +149,7 @@ export function Counter() {
本文档内容基于以下版本验证通过:
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.59;
+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/EventBus.md b/zh-cn/EventBus.md
index 9f94ec7a..ecfd097a 100644
--- a/zh-cn/EventBus.md
+++ b/zh-cn/EventBus.md
@@ -1,4 +1,4 @@
-模板版本:v0.1.3
+模板版本:v0.2.0
EventBus
@@ -306,7 +306,7 @@ export default EventBusDemo;
在以下版本验证通过
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:204.1.0.59;
+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/dayJs.md b/zh-cn/dayJs.md
index 09371602..e1a20d8f 100644
--- a/zh-cn/dayJs.md
+++ b/zh-cn/dayJs.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
DayJs
@@ -45,7 +45,7 @@ dayjs().format()
本文档内容基于以下版本验证通过:
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.59;
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:3.0.0.21;
## API
diff --git a/zh-cn/jsbarcode.md b/zh-cn/jsbarcode.md
index 0de2d15c..ea58afcf 100644
--- a/zh-cn/jsbarcode.md
+++ b/zh-cn/jsbarcode.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
JsBarCode
@@ -45,52 +45,128 @@ import JsBarCode from 'jsbarcode';
> [!tip] [jsbarcode库依赖react-native-svg库进行条形码展示, svg 当前仅实现部分属性,其余还未实现鸿蒙化] > [!tip] [详见react-native-svg](https://gitee.com/react-native-oh-library/usage-docs/blob/master/zh-cn/react-native-svg.md)
-```js
-import { useMemo } from 'react';
-import JsBarcode from 'jsbarcode';
-import { SvgXml } from 'react-native-svg';
-import { DOMImplementation, XMLSerializer } from 'xmldom';
-
-export const Barcode = (props: Props) => {
- const [jsbarcodeInfo, setJsbarcodeInfo] = useState('');
- const {
- width ,
- height,
- format,
- ... // options
- } = props.options;
-
- const svgText = useMemo(() => {
- const doc = new DOMImplementation().createDocument(null, 'html');
- const svgNode = doc.createElementNS(null, 'svg');
-
- JsBarcode(svgNode, props.value, {
- xmlDocument: doc,
- width,
- height,
- format,
- ... // options
- });
-
- svgNode.removeAttribute('style')
- setJsbarcodeInfo(new XMLSerializer().serializeToString(svgNode));
-
- return new XMLSerializer().serializeToString(svgNode);
- }, [props]);
-
- return ;
-};
-
-// 页面展示条形码
-import { Barcode } from 'XXXX';
-function JsbarcodeSvgDemo() {
+```tsx
+import {ScrollView, StyleSheet, View, Text} from 'react-native';
+import {Barcode} from './component/SvgComponent';
+import {useState} from 'react';
+
+export default function JsbarcodeSvgDemo() {
+
return (
-
- )
+
+
+ format和background:'red'
+
+
+ format: 'EAN13', background: 'yellow'
+
+
+
+ format: 'CODE128', background: 'pink'
+
+
+ width和height
+
+
+ Text
+
+ fontOptions:bold
+
+ fontOptions:'bold italic'
+
+ fontOptions:'italic'
+
+ font
+
+ displayValue
+
+ textAlign
+
+ textPosition
+
+ textMargin
+
+ fontSize
+
+ lineColor
+
+ margins
+
+ flat: false
+
+ flat: true
+
+
+
+ );
}
+
+const styles = StyleSheet.create({
+ container: {
+ flex: 1,
+ flexDirection: 'column',
+ justifyContent: 'center',
+ alignItems: 'center',
+ backgroundColor: '#F5FCFF',
+ },
+ testStyle: {
+ fontWeight: '600',
+ },
+});
```
### **With canvas:**
@@ -208,7 +284,7 @@ JsBarcode("#barcode", "29012343", {
本文档内容基于以下版本验证通过:
-RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.59;
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:3.0.0.18;
## **All Options**
diff --git a/zh-cn/moment.md b/zh-cn/moment.md
index 3b090276..60b05097 100644
--- a/zh-cn/moment.md
+++ b/zh-cn/moment.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
Moment
@@ -52,7 +52,7 @@ moment.locale('zh-cn');
本文档内容基于以下版本验证通过:
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.59;
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:205.0.0.18;
## API
diff --git a/zh-cn/qrcode-generator.md b/zh-cn/qrcode-generator.md
index 94ff52bd..4c396515 100644
--- a/zh-cn/qrcode-generator.md
+++ b/zh-cn/qrcode-generator.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
qrcode-generator
@@ -63,7 +63,7 @@ export const CustomQrCode = ({ text, style }) => {
在下述版本验证通过:
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.59;
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:205.0.0.18;
## API列表
diff --git a/zh-cn/react-ahooks.md b/zh-cn/react-ahooks.md
index 02081cb5..92161b2c 100644
--- a/zh-cn/react-ahooks.md
+++ b/zh-cn/react-ahooks.md
@@ -1,3 +1,5 @@
+模板版本:v0.2.0
+
@@ -43,6 +45,67 @@ $ npm install @ahooksjs/use-url-state --legacy-peer-deps
$ npm install react-json-view@1.21.3
```
+## 使用
+
+```tsx
+/**
+ * title: Default usage
+ * desc: Update state or props, you can see the output in the console
+ *
+ * title.zh-CN: 基础用法
+ * desc.zh-CN: 更新 state 或 props,可以在控制台看到输出
+ */
+
+import { useWhyDidYouUpdate } from 'ahooks';
+import React, { useState } from 'react';
+import { View, Text, Button } from 'react-native';
+
+const Demo: React.FC<{ count: number }> = (props) => {
+ const [randomNum, setRandomNum] = useState(Math.random());
+
+ useWhyDidYouUpdate('useWhyDidYouUpdateComponent', { ...props, randomNum });
+
+ return (
+
+
+ number: {props.count}
+
+
+ randomNum: {randomNum}
+
+
+
+
+ );
+};
+
+export function WhyDidYouUpdate() {
+ const [count, setCount] = useState(0);
+
+ return (
+
+
+
+
+
+
+
+
+
+ Please open the browser console to view the output!
+
+ );
+};
+```
+
+
+
## 兼容性
在以下版本验证通过:
diff --git a/zh-cn/react-native-animate-number.md b/zh-cn/react-native-animate-number.md
index 7e5e885d..d91988fa 100644
--- a/zh-cn/react-native-animate-number.md
+++ b/zh-cn/react-native-animate-number.md
@@ -1,4 +1,4 @@
-模板版本:v0.1.3
+模板版本:v0.2.0
react-native-animate-number
@@ -141,7 +141,7 @@ export default App;
在以下版本验证通过
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:204.1.0.59;
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Beta1; IDE:DevEco Studio 5.0.3.200; ROM:3.0.0.18;
## 属性
diff --git a/zh-cn/react-native-blob-util.md b/zh-cn/react-native-blob-util.md
index 9f099a10..d6987781 100644
--- a/zh-cn/react-native-blob-util.md
+++ b/zh-cn/react-native-blob-util.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
react-native-blob-util
@@ -548,6 +548,8 @@ ohpm install
要使用此库,需要使用正确的 React-Native 和 RNOH 版本。另外,还需要使用配套的 DevEco Studio 和 手机 ROM。
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:205.0.0.18;
+
请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息:[@react-native-oh-tpl/react-native-blob-util Releases](https://github.com/react-native-blob-util/releases)
## API
diff --git a/zh-cn/react-native-drawer-layout-polyfill.md b/zh-cn/react-native-drawer-layout-polyfill.md
index ed6d5f37..0f77c8c2 100644
--- a/zh-cn/react-native-drawer-layout-polyfill.md
+++ b/zh-cn/react-native-drawer-layout-polyfill.md
@@ -1,4 +1,4 @@
-模板版本:v0.1.3
+模板版本:v0.2.0
react-native-drawer-layout-polyfill
@@ -224,7 +224,7 @@ export default App;
在以下版本验证通过
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:204.1.0.59;
+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-fit-Image.md b/zh-cn/react-native-fit-Image.md
index 2a2a336e..001e1cbe 100644
--- a/zh-cn/react-native-fit-Image.md
+++ b/zh-cn/react-native-fit-Image.md
@@ -1,4 +1,4 @@
-模板版本:v0.1.3
+模板版本:v0.2.0
react-native-fit-image
@@ -407,7 +407,7 @@ export default FitImageDemo;
在以下版本验证通过
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT DP2; IDE:DevEco Studio 4.1.3.700; ROM:2.1.0.72;
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:3.0.0.21;
## 属性
diff --git a/zh-cn/react-native-image-viewing.md b/zh-cn/react-native-image-viewing.md
index f401b850..817dde99 100644
--- a/zh-cn/react-native-image-viewing.md
+++ b/zh-cn/react-native-image-viewing.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
react-native-image-viewing
@@ -187,7 +187,7 @@ const styles = StyleSheet.create({
在下述版本验证通过:
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT DP2; IDE:DevEco Studio 4.1.3.700; ROM:204.1.0.72(SP2DEVC00E72R1P1);
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:205.0.0.18;
## API列表
diff --git a/zh-cn/react-native-image-zoom.md b/zh-cn/react-native-image-zoom.md
index 1c417b61..cc9b815d 100644
--- a/zh-cn/react-native-image-zoom.md
+++ b/zh-cn/react-native-image-zoom.md
@@ -1,4 +1,4 @@
-模板版本:v0.1.3
+模板版本:v0.2.0
react-native-image-zoom
@@ -488,7 +488,7 @@ export default ImageZoomDemo;
在以下版本验证通过
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:204.1.0.59;
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Beta1; IDE:DevEco Studio 5.0.3.200; ROM:3.0.0.18;
## 属性
diff --git a/zh-cn/react-native-intersection-observer.md b/zh-cn/react-native-intersection-observer.md
index cf2cd6b8..ef88f67f 100644
--- a/zh-cn/react-native-intersection-observer.md
+++ b/zh-cn/react-native-intersection-observer.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
react-native-intersection-observer
@@ -81,7 +81,7 @@ export default App;
在下述版本验证通过:
-RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.59;
+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-pull.md b/zh-cn/react-native-pull.md
index 6e8e5456..78ee0ef8 100644
--- a/zh-cn/react-native-pull.md
+++ b/zh-cn/react-native-pull.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
react-native-pull
@@ -335,7 +335,7 @@ export default PullListDemo;
### 兼容性
本文档内容基于以下版本验证通过:
-RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.59;
+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)
diff --git a/zh-cn/react-native-swipe-list-view.md b/zh-cn/react-native-swipe-list-view.md
index 6f824be3..9244fe9d 100644
--- a/zh-cn/react-native-swipe-list-view.md
+++ b/zh-cn/react-native-swipe-list-view.md
@@ -1,4 +1,4 @@
-模板版本:v0.1.3
+模板版本:v0.2.0
react-native-swipe-list-view
@@ -200,7 +200,7 @@ const styles = StyleSheet.create({
在以下版本验证通过
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:204.1.0.59;
+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/redux-toolkit.md b/zh-cn/redux-toolkit.md
index 2c5f240e..d2c7cc0a 100644
--- a/zh-cn/redux-toolkit.md
+++ b/zh-cn/redux-toolkit.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
redux-toolkit
@@ -151,7 +151,7 @@ export function Counter() {
本文档内容基于以下版本验证通过:
-1. RNOH:0.72.13; SDK:HarmonyOS NEXT Developer Preview1; IDE:DevEco Studio 4.1.3.500; ROM:2.0.0.59;
+1. RNOH:0.72.20; SDK:HarmonyOS NEXT Developer Preview2; IDE:DevEco Studio 5.0.3.200; ROM:205.0.0.18;
## 方法和属性
--
Gitee
From 5a8311637395aa0ca0bc8bd77a2b75250c023d8e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E6=B5=A9?=
Date: Wed, 8 May 2024 16:40:29 +0800
Subject: [PATCH 2/4] =?UTF-8?q?[Issues:=20#I9N5CA]=20=E4=BF=AE=E6=94=B9?=
=?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E4=B8=AD=E7=9A=84=E7=89=88?=
=?UTF-8?q?=E6=9C=AC=E5=8F=8A=E5=85=B6=E4=BB=96=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
1224/jsbarcode.md | 2 +-
1224/react-native-fit-Image.md | 625 ++++++++++++--------
1224/react-native-intersection-observer.md | 34 +-
README.md | 259 ++++----
_sidebar.md | 1 +
zh-cn/README.md | 3 +-
zh-cn/jsbarcode.md | 2 +-
zh-cn/react-native-fit-Image.md | 48 +-
zh-cn/react-native-intersection-observer.md | 34 +-
9 files changed, 571 insertions(+), 437 deletions(-)
diff --git a/1224/jsbarcode.md b/1224/jsbarcode.md
index 111afc28..0ce2ee76 100644
--- a/1224/jsbarcode.md
+++ b/1224/jsbarcode.md
@@ -20,7 +20,7 @@
#### **npm**
```bash
-npm install jsbarcode --save@3.11.6
+npm install jsbarcode@3.11.6 --save
```
#### **yarn**
diff --git a/1224/react-native-fit-Image.md b/1224/react-native-fit-Image.md
index 648bf0bf..fc071670 100644
--- a/1224/react-native-fit-Image.md
+++ b/1224/react-native-fit-Image.md
@@ -10,8 +10,6 @@
-
-
> [!TIP] [Github 地址](https://github.com/huiseoul/react-native-fit-image)
## 安装与使用
@@ -37,243 +35,372 @@ yarn add react-native-fit-image@1.5.5
下面的代码展示了这个库的基本使用场景:
```tsx
-import React,{useState,useEffect} from 'react'
-import {View,StyleSheet,Text,ScrollView,SafeAreaView,Image,Button} from "react-native"
-import FitImage from "react-native-fit-image"
+import React, { useState, useEffect } from "react";
+import {
+ View,
+ StyleSheet,
+ Text,
+ ScrollView,
+ SafeAreaView,
+ Image,
+ Button,
+} from "react-native";
+import FitImage from "react-native-fit-image";
var styles = StyleSheet.create({
- fitImage:{
- borderRadius:20,
- borderColor:'red',
- borderWidth:1
- },
- fitImageWithSize:{
- height:200,
- width:'100%'
- }
+ fitImage: {
+ borderRadius: 20,
+ borderColor: "red",
+ borderWidth: 1,
+ },
+ fitImageWithSize: {
+ height: 200,
+ width: "100%",
+ },
});
-const FitImageDemo=()=>{
- // 测试onLoad
- const [onLoadDatea,setOnLoad] = useState('初始onLoad未执行')
- // 测试onError
- const [onErrorDatea,setOnError] = useState('初始onError未执行')
- // 测试onLoadStart
- const [onLoadStartDatea,setOnLoadStart] = useState('未执行前onLoadStart未执行')
- // 测试onLayOut
- const [onLayOutData,setOnLayout] = useState('未执行前onLayout未执行')
- // 刷新按钮
- const [refLoadData,setRefLoadBtn] = useState(true)
- // 获取本地图片尺寸
- const [imgSizeNum,getImageSizeNum] = useState({width:0,height:0})
- const img1 = require('./assets/expo.png')
- const getImageSize = ()=>{
- let res = Image.resolveAssetSource(img1)
- getImageSizeNum({width:res.width,height:res.height})
- }
- // 获取网络图片尺寸
- const imgHttp={uri:"https://octodex.github.com/images/stormtroopocat.jpg"}
- const [imgHttpSize,getHttpSizeNum] = useState({width:0,height:0})
- // 刷新
- const [reshUiData,setReshUi] = useState(0)
- useEffect(() => {;
- getReloadFres()
- }, []);
- const getReloadFres =()=>{
- // http远程文件
- Image.getSize(imgHttp.uri, (width,height) => {
- getHttpSizeNum({ width,height });
- },
- (failure) => { console.log('failure', failure)});
- }
- // 刷新
- const reLoadFun = () =>{
- setRefLoadBtn(false)
- setReshUi(reshUiData+1)
- getImageSizeNum({width:0,height:0})
- getHttpSizeNum({width:0,height:0})
- setRefLoadBtn(true)
- getReloadFres()
- }
- return (
-
-
- {/* button刷新按钮方便压力测试 */}
-
- {refLoadData&&(
-
- 刷新了{reshUiData}次
-
- 测试onLoad
- {onLoadDatea}
- {console.log('执行了onLoad'); setOnLoad('执行了onLoad')}}
- style={styles.fitImageWithSize} source={require('./assets/expo.png')} />
-
-
- 测试base64图片
-
-
-
- 测试属性originalWidth,originalHeight(在不加宽度高度的情况下)
-
-
-
- 不加originalWidth,originalHeight和不加宽度高度的情况下
-
-
-
- 不加originalWidth,originalHeight但是加宽度高度的情况下
-
-
-
- 不加originalWidth,originalHeight但是加宽度高度的情况下的网络图片
-
-
-
- 加originalWidth,originalHeight但是不加宽度高度的情况下的网络图片
-
-
-
- 同时加originalWidth,originalHeight和宽度高度的情况下
-
-
-
-
- indicator(加载器 为true) indicatorColor(加载器颜色) indicatorSize(值:large small number)
- 值为:large
-
-
-
- indicator(加载器 为true) indicatorColor(加载器颜色) indicatorSize(值:large small number)
- small
-
-
-
- indicator(加载器 为true) indicatorColor(加载器颜色) indicatorSize(值:large small number)
- number:值越大指示器越大
-
-
-
- indicator(加载器 为false)
- number:值越大指示器越大
-
-
-
-
- 验证网络图片
-
-
-
- 获取本地图片宽高
-
- 宽度:{imgSizeNum.width},高度:{imgSizeNum.height}
-
-
-
- 验证网络图片宽高
- 宽度:{imgHttpSize.width},高度:{imgHttpSize.height}
-
-
-
- 验证图片圆角
-
-
-
- 测试resizeMode(cover contain stretch repeat center),值为cover
-
-
-
- 测试resizeMode(cover contain stretch repeat center),值为contain
-
-
-
- 测试resizeMode(cover contain stretch repeat center),值为stretch
-
-
-
- 测试resizeMode(cover contain stretch repeat center),值为repeat
-
-
-
- 测试resizeMode(cover contain stretch repeat center),值为center
-
-
-
-
- 测试onError
- {onErrorDatea}
- {console.log('执行了onError'); setOnError('执行了onError')}}
- style={styles.fitImageWithSize} source={{uri:'https://ok.gitHub.io123.png'}} />
-
-
- 测试onLoadStart
- {onLoadStartDatea}
- {console.log('执行了onLoadStart');setOnLoadStart('执行了onLoadStart')}}
- style={{...styles.fitImageWithSize,borderRadius:20}} source={require('./assets/expo.png')} />
-
-
- 测试onLayOut
- {onLayOutData}
- {console.log('执行了onLayout');setOnLayout('执行了onLayout')}}
- style={{...styles.fitImageWithSize,borderRadius:20}} source={require('./assets/expo.png')} />
-
-
- 测试blurRadius(模糊滤镜,值越大越模糊)
-
-
-
- )}
- {!refLoadData&&(
-
-
- 加载中。。。。。。
-
-
- )}
-
-
- )
-}
+const FitImageDemo = () => {
+ // 测试onLoad
+ const [onLoadDatea, setOnLoad] = useState("初始onLoad未执行");
+ // 测试onError
+ const [onErrorDatea, setOnError] = useState("初始onError未执行");
+ // 测试onLoadStart
+ const [onLoadStartDatea, setOnLoadStart] =
+ useState("未执行前onLoadStart未执行");
+ // 测试onLayOut
+ const [onLayOutData, setOnLayout] = useState("未执行前onLayout未执行");
+ // 刷新按钮
+ const [refLoadData, setRefLoadBtn] = useState(true);
+ // 获取本地图片尺寸
+ const [imgSizeNum, getImageSizeNum] = useState({ width: 0, height: 0 });
+ const img1 = require("./assets/expo.png");
+ const getImageSize = () => {
+ let res = Image.resolveAssetSource(img1);
+ getImageSizeNum({ width: res.width, height: res.height });
+ };
+ // 获取网络图片尺寸
+ const imgHttp = {
+ uri: "https://octodex.github.com/images/stormtroopocat.jpg",
+ };
+ const [imgHttpSize, getHttpSizeNum] = useState({ width: 0, height: 0 });
+ // 刷新
+ const [reshUiData, setReshUi] = useState(0);
+ useEffect(() => {
+ getReloadFres();
+ }, []);
+ const getReloadFres = () => {
+ // http远程文件
+ Image.getSize(
+ imgHttp.uri,
+ (width, height) => {
+ getHttpSizeNum({ width, height });
+ },
+ (failure) => {
+ console.log("failure", failure);
+ },
+ );
+ };
+ // 刷新
+ const reLoadFun = () => {
+ setRefLoadBtn(false);
+ setReshUi(reshUiData + 1);
+ getImageSizeNum({ width: 0, height: 0 });
+ getHttpSizeNum({ width: 0, height: 0 });
+ setRefLoadBtn(true);
+ getReloadFres();
+ };
+ return (
+
+
+ {/* button刷新按钮方便压力测试 */}
+
+ {refLoadData && (
+
+ 刷新了{reshUiData}次
+
+ 测试onLoad
+ {onLoadDatea}
+ {
+ console.log("执行了onLoad");
+ setOnLoad("执行了onLoad");
+ }}
+ style={styles.fitImageWithSize}
+ source={require("./assets/expo.png")}
+ />
+
+
+ 测试base64图片
+
+
+
+
+ 测试属性originalWidth,originalHeight(在不加宽度高度的情况下)
+
+
+
+
+
+ 不加originalWidth,originalHeight和不加宽度高度的情况下
+
+
+
+
+
+ 不加originalWidth,originalHeight但是加宽度高度的情况下
+
+
+
+
+
+ 不加originalWidth,originalHeight但是加宽度高度的情况下的网络图片
+
+
+
+
+
+ 加originalWidth,originalHeight但是不加宽度高度的情况下的网络图片
+
+
+
+
+ 同时加originalWidth,originalHeight和宽度高度的情况下
+
+
+
+
+
+ indicator(加载器 为true) indicatorColor(加载器颜色)
+ indicatorSize(值:large small number)
+
+ 值为:large
+
+
+
+
+ indicator(加载器 为true) indicatorColor(加载器颜色)
+ indicatorSize(值:large small number)
+
+ small
+
+
+
+
+ indicator(加载器 为true) indicatorColor(加载器颜色)
+ indicatorSize(值:large small number)
+
+ number:值越大指示器越大
+
+
+
+ indicator(加载器 为false)
+ number:值越大指示器越大
+
+
+
+
+ 验证网络图片
+
+
+
+ 获取本地图片宽高
+
+
+ 宽度:{imgSizeNum.width},高度:{imgSizeNum.height}
+
+
+
+
+ 验证网络图片宽高
+
+ 宽度:{imgHttpSize.width},高度:{imgHttpSize.height}
+
+
+
+
+ 验证图片圆角
+
+
+
+
+ 测试resizeMode(cover contain stretch repeat center),值为cover
+
+
+
+
+
+ 测试resizeMode(cover contain stretch repeat center),值为contain
+
+
+
+
+
+ 测试resizeMode(cover contain stretch repeat center),值为stretch
+
+
+
+
+
+ 测试resizeMode(cover contain stretch repeat center),值为repeat
+
+
+
+
+
+ 测试resizeMode(cover contain stretch repeat center),值为center
+
+
+
+
+
+ 测试onError
+ {onErrorDatea}
+ {
+ console.log("执行了onError");
+ setOnError("执行了onError");
+ }}
+ style={styles.fitImageWithSize}
+ source={{ uri: "https://ok.gitHub.io123.png" }}
+ />
+
+
+ 测试onLoadStart
+ {onLoadStartDatea}
+ {
+ console.log("执行了onLoadStart");
+ setOnLoadStart("执行了onLoadStart");
+ }}
+ style={{ ...styles.fitImageWithSize, borderRadius: 20 }}
+ source={require("./assets/expo.png")}
+ />
+
+
+ 测试onLayOut
+ {onLayOutData}
+ {
+ console.log("执行了onLayout");
+ setOnLayout("执行了onLayout");
+ }}
+ style={{ ...styles.fitImageWithSize, borderRadius: 20 }}
+ source={require("./assets/expo.png")}
+ />
+
+
+ 测试blurRadius(模糊滤镜,值越大越模糊)
+
+
+
+ )}
+ {!refLoadData && (
+
+ 加载中。。。。。。
+
+ )}
+
+
+ );
+};
export default FitImageDemo;
```
@@ -285,20 +412,22 @@ export default FitImageDemo;
## 属性
-| Name | Description | Type | Required | Platform | HarmonyOS Support | 备注 |
+[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性;no 则表示不支持;partially 表示部分支持。使用方法跨平台一致,效果对标 iOS 或 Android 的效果。
+
+| Name | Description | Type | Required | Platform | HarmonyOS Support | Remark |
| ------------------ | ------------------------------------------------------------ | ------------- | -------- | ----------------------------- | ----------------- | ------------------------------------------------------------ |
| `style` | 图片宽(width)高(height),边框等样式 | object | yes | Android IOS | YES | 在不加orginalWidth与orginalHeight属性时,style里面必须设置宽width,高height才能把图片加载出来 |
-| `source` | 图片文件源: 本地图片 source={require('./assets/expo.png')};
网略图片 source={{uri:"https://octodex.github.com/images/stormtroopocat.jpg"}} | string | yes | Android IOS | YES | |
+| `source` | 图片文件源: 本地图片 source={require('./assets/expo.png')};
网略图片 source={{uri:"https://octodex.github.com/images/stormtroopocat.jpg"}} | string | yes | Android IOS | YES | |
| `width` | 图片style中属性 | number | yes | Android IOS | YES | |
| `height` | 图片style中属性 | number | yes | Android IOS | YES | |
| `borderRadius` | 图片样式(圆角) | number | No | Android IOS HarmonyOS都不支持 | NO | 此属性在HarmonyOS,Android ,IOS均不生效;[issues](https://github.com/huiseoul/react-native-fit-image/issues/111) |
| `indicator` | 加载器值为true/false (默认true) | boolean | No | Android IOS | YES | |
| `indicatorColor` | 加载器颜色 | string | No | Android IOS | YES | |
-| `indicatorSize` | 加载器大小 值:`large` `small` number(例: indicatorSize={20} ) | string/number | No | Android IOS | YES | |
-| resizeMode | 图片布局 值(cover contain stretch repeat center) `cover`: 在保持图片宽高比的前提下缩放图片,直到宽度和高度都大于等于容器视图的尺寸(如果容器有 padding 内衬的话,则相应减去)。**译注**:这样图片完全覆盖甚至超出容器,容器中不留任何空白。 `contain`: 在保持图片宽高比的前提下缩放图片,直到宽度和高度都小于等于容器视图的尺寸(如果容器有 padding 内衬的话,则相应减去)。**译注**:这样图片完全被包裹在容器中,容器中可能留有空白。 `stretch`: 拉伸图片且不维持宽高比,直到宽高都刚好填满容器。 `repeat`: 重复平铺图片直到填满容器。图片会维持原始尺寸,但是当尺寸超过容器时会在保持宽高比的前提下缩放到能被容器包裹。 `center`: 居中不拉伸。 | string | No | Android IOS | YES | |
+| `indicatorSize` | 加载器大小 值:`large` `small` number(例: indicatorSize={20} ) | string/number | No | Android IOS | YES | |
+| resizeMode | 图片布局 值(cover contain stretch repeat center) `cover`: 在保持图片宽高比的前提下缩放图片,直到宽度和高度都大于等于容器视图的尺寸(如果容器有 padding 内衬的话,则相应减去)。**译注**:这样图片完全覆盖甚至超出容器,容器中不留任何空白。 `contain`: 在保持图片宽高比的前提下缩放图片,直到宽度和高度都小于等于容器视图的尺寸(如果容器有 padding 内衬的话,则相应减去)。**译注**:这样图片完全被包裹在容器中,容器中可能留有空白。 `stretch`: 拉伸图片且不维持宽高比,直到宽高都刚好填满容器。 `repeat`: 重复平铺图片直到填满容器。图片会维持原始尺寸,但是当尺寸超过容器时会在保持宽高比的前提下缩放到能被容器包裹。 `center`: 居中不拉伸。 | string | No | Android IOS | YES | |
| blurRadius | 图片模糊滤镜(值越大越模糊) | number | No | Android IOS | YES | |
| onLoad | 图片加载成功回调 | Function | No | Android IOS | YES | |
-| resolveAssetSource | 获取本地图片宽高 用法:const img1 = require('./assets/expo.png') let res = Image.resolveAssetSource(img1) | Function | No | Android IOS | YES | |
+| resolveAssetSource | 获取本地图片宽高 用法:const img1 = require('./assets/expo.png') let res = Image.resolveAssetSource(img1) | Function | No | Android IOS | YES | |
| getSize | 获取网略图片尺寸:Image.getSize(uri,(width,height)=>{},(fail)=>{}) | Function | No | Android IOS | YES | |
| onError | 获取图片资源出错 | Function | No | Android IOS HarmonyOS都不支持 | NO | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76);在原库中作者已经说明Some props are not working |
| onLoadStart | 资源刚加载时候 | Function | NO | Android IOS HarmonyOS都不支持 | NO | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76);在原库中作者已经说明Some props are not working |
@@ -306,17 +435,13 @@ export default FitImageDemo;
| orginalWidth | 图片原始宽度 | number | NO | Android IOS | YES | |
| orginalHeight | 图片原始高度 | number | NO | Android IOS | YES | |
-
-
-
-
-
-
-## 原库已知问题
+## 遗留问题
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`图片圆角属性,在鸿蒙,ios,安卓均不支持,官方文档互动有提到borderRadius不生效;[issues](https://github.com/huiseoul/react-native-fit-image/issues/111)
+## 其他
+## 开源协议
-## 其他
\ No newline at end of file
+本项目基于 [MIT License](https://github.com/huiseoul/react-native-fit-image/blob/master/LICENSE) ,请自由地享受和参与开源。
\ No newline at end of file
diff --git a/1224/react-native-intersection-observer.md b/1224/react-native-intersection-observer.md
index 327ad928..17c5a86f 100644
--- a/1224/react-native-intersection-observer.md
+++ b/1224/react-native-intersection-observer.md
@@ -4,20 +4,20 @@
react-native-intersection-observer
-
+
-
+
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-intersection-observer/tree/sig)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-clippath)
## 安装与使用
-请到三方库的 Releases 发布地址查看配套的版本信息:[<@react-native-oh-library/react-native-intersection-observer> Releases](https://github.com/react-native-oh-library/react-native-intersection-observer/releases),并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息:[<@react-native-oh-library/react-native-intersection-observer> Releases](https://github.com/react-native-oh-library/react-native-clippath/releases),并下载适用版本的 tgz 包。
进入到工程目录并输入以下命令:
@@ -100,9 +100,9 @@ export default App;
Props: Inherits [ScrollView Props](https://reactnative.dev/docs/scrollview#props)
-| Name | Description | Type | Default | Require | HarmonyOS Support |
-| ---------- | ------------- | ------------------------------------------------------------ | --------- | ------- | ----------------- |
-| rootMargin | `root margin` | { top: number; left: number; right: number; bottom: number } | undefined | false | yes |
+| Name | Description | Type | Required | HarmonyOS Support |
+| ---------- | ------------- | ------------------------------------------------------------ | -------- | ----------------- |
+| rootMargin | `root margin` | { top: number; left: number; right: number; bottom: number } | false | yes |
Methods: Inherits [ScrollView Methods](https://reactnative.dev/docs/scrollview#methods)
@@ -114,9 +114,9 @@ Methods: Inherits [ScrollView Methods](https://reactnative.dev/docs/scrollview#m
Props: Inherits [FlatList Props](https://reactnative.dev/docs/flatlist#props)
-| Name | Description | Type | Default | Require | HarmonyOS Support |
-| ---------- | ------------- | ------------------------------------------------------------ | --------- | ------- | ----------------- |
-| rootMargin | `root margin` | { top: number; left: number; right: number; bottom: number } | undefined | false | yes |
+| Name | Description | Type | Required | HarmonyOS Support |
+| ---------- | ------------- | ------------------------------------------------------------ | -------- | ----------------- |
+| rootMargin | `root margin` | { top: number; left: number; right: number; bottom: number } | false | yes |
Methods: Inherits [FlatList Methods](https://reactnative.dev/docs/flatlist#methods)
@@ -126,12 +126,12 @@ Methods: Inherits [FlatList Methods](https://reactnative.dev/docs/flatlist#metho
#### 此组件有以下属性:
-| Name | Description | Type | Default | Require | HarmonyOS Support |
-| ----------- | ------------------------------------------------------------ | --------------------------- | ------- | ------- | ----------------- |
-| as | `Render the wrapping element as this element. Defaults to `View`.` | `ComponentType` | View | false | yes |
-| children | Children expects a plain child, to have the `` deal with the wrapping element. | ReactNode | | true | yes |
-| triggerOnce | Only trigger this method once. | boolean | false | false | yes |
-| onChange | Call this function whenever the in view state changes. It will receive the `inView` boolean, alongside the current `IntersectionObserverEntry`. | `(inView: boolean) => void` | | false | yes |
+| Name | Description | Type | Required | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | --------------------------- | -------- | ----------------- |
+| as | `Render the wrapping element as this element. Defaults to `View`.` | `ComponentType` | false | yes |
+| children | Children expects a plain child, to have the `` deal with the wrapping element. | ReactNode | true | yes |
+| triggerOnce | Only trigger this method once. | boolean | false | yes |
+| onChange | Call this function whenever the in view state changes. It will receive the `inView` boolean, alongside the current `IntersectionObserverEntry`. | `(inView: boolean) => void` | false | yes |
@@ -141,4 +141,4 @@ 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/react-native-oh-library/react-native-clippath/blob/sig/LICENSE) ,请自由地享受和参与开源。
diff --git a/README.md b/README.md
index a702a7df..7b8f84ba 100644
--- a/README.md
+++ b/README.md
@@ -18,135 +18,136 @@
>[!tip] NPM 公仓坐标:@react-native-oh-tpl
-| 序号 | 原库名 | 原库基线版本 | 原库是否支持新架构 | HarmonyOS Releases | 文档链接 |
-| --- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- |
-| 1 | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage "https://github.com/react-native-async-storage/async-storage") | 1.21.1 | 是 | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases "https://github.com/react-native-oh-library/async-storage/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-async-storage-async-storage) |
-| 2 | [@react-native-camera-roll/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll "https://github.com/react-native-oh-library/react-native-cameraroll") | 6.0.0 | 是 | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases "https://github.com/react-native-oh-library/react-native-cameraroll/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-cameraroll) |
-| 3 | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard "https://github.com/react-native-clipboard/clipboard") | 1.13.2 | 是 | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases "https://github.com/react-native-oh-library/clipboard/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-clipboard-clipboard) |
-| 4 | [@react-native-community/blur](https://github.com/Kureev/react-native-blur "https://github.com/Kureev/react-native-blur") | 4.4.0 | 是 | [@react-native-oh-tpl/blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases "https://github.com/react-native-oh-library/react-native-blur/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-blur) |
-| 5 | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox "https://github.com/react-native-checkbox/react-native-checkbox") | 0.5.16 | 否 | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases "https://github.com/react-native-oh-library/react-native-checkbox/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-checkbox) |
-| 6 | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker "https://github.com/react-native-datetimepicker/datetimepicker") | 7.6.2 | 是 | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases "https://github.com/react-native-oh-library/datetimepicker/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-datetimepicker) |
-| 7 | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation "https://github.com/michalchudziak/react-native-geolocation") | 3.1.0 | 是 | [@react-native-oh-tpl/react-native-geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases "https://github.com/react-native-oh-library/react-native-geolocation/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-geolocation) |
-| 8 | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo "https://github.com/react-native-netinfo/react-native-netinfo") | 11.1.0 | 是 | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases "https://github.com/react-native-oh-library/react-native-netinfo/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-netinfo) |
-| 9 | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android "https://github.com/react-native-progress-view/progress-bar-android") | 1.0.4 | 是 | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases "https://github.com/react-native-oh-library/progress-bar-android/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-progress-bar-android) |
-| 10 | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view "https://github.com/react-native-progress-view/progress-view") | 1.4.2 | 是 | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases "https://github.com/react-native-oh-library/progress-view/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-progress-view) |
-| 11 | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios "https://github.com/react-native-push-notification/ios") | 1.11.0 | 否 | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases "https://github.com/react-native-oh-library/react-native-push-notification-ios/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-push-notification-ios) |
-| 12 | [@react-native-community/slider](https://github.com/callstack/react-native-slider "https://github.com/callstack/react-native-slider") | 4.4.3 | 是 | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases "https://github.com/react-native-oh-library/react-native-slider/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-slider) |
-| 13 | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android "https://github.com/react-native-toolbar-android/toolbar-android") | 0.2.1 | 是 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases "https://github.com/react-native-oh-library/toolbar-android/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-toolbar-android) |
-| 14 | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies "https://github.com/react-native-cookies/cookies") | 6.2.1 | 否 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases "https://github.com/react-native-oh-library/react-native-cookies/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-cookies) |
-| 15 | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view "https://github.com/react-native-masked-view/masked-view") | 0.2.9 | 否 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases "https://github.com/react-native-oh-library/masked-view/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-masked-view-masked-view) |
-| 16 | [@react-native-picker/picker](https://github.com/react-native-picker/picker "https://github.com/react-native-picker/picker") | 2.5.1 | 是 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases "https://github.com/react-native-oh-library/picker/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-picker-picker) |
-| 17 | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control "https://github.com/react-native-segmented-control/segmented-control") | 2.5.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-segmented-control) |
-| 18 | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs "https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs") | 6.5.11 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-navigation-bottom-tabs) |
-| 19 | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements "https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements") | 1.3.21 | \- | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases "https://github.com/react-native-oh-library/react-navigation/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-navigation-elements) |
-| 20 | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native "https://github.com/react-navigation/react-navigation/tree/6.x/packages/native") | 6.1.9 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-navigation-native) |
-| 21 | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack "https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack") | 6.3.19 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-navigation-stack) |
-| 22 | [@shopify/flash-list](https://github.com/Shopify/flash-list "https://github.com/Shopify/flash-list") | 1.6.3 | 否 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases "https://github.com/react-native-oh-library/flash-list/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/shopify-flash-list) |
-| 23 | [axios](https://github.com/axios/axios "https://github.com/axios/axios") | 1.6.7 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/axios) |
-| 24 | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0 "https://github.com/brix/crypto-js/tree/4.2.0") | 4.2.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/crypto-js) |
-| 25 | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file "https://github.com/iamkun/dayjs?tab=readme-ov-file") | 1.11.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/dayjs) |
-| 26 | [deepmerge](https://github.com/TehShrike/deepmerge "https://github.com/TehShrike/deepmerge") | 4.3.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/deepmerge) |
-| 27 | [EventBus](https://github.com/krasimir/EventBus "https://github.com/krasimir/EventBus") | 0.2.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/EventBus) |
-| 28 | [htmlparser2](https://github.com/fb55/htmlparser2 "https://github.com/fb55/htmlparser2") | 9.1.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/htmlparser2) |
-| 29 | [immer](https://github.com/immerjs/immer "https://github.com/immerjs/immer") | 10.0.4 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/immer) |
-| 30 | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider "https://github.com/react-native-oh-library/jeanregisser-react-native-slider") | 0.11.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/jeanregisser-react-native-slider) |
-| 31 | [JsBarCode](https://github.com/lindell/JsBarcode "https://github.com/lindell/JsBarcode") | 3.11.6 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/jsbarcode) |
-| 32 | [js-beautify](https://github.com/beautifier/js-beautify "https://github.com/beautifier/js-beautify") | 1.14.9 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/js-beautify) |
-| 33 | [js-beautify](https://github.com/beautifier/js-beautify "https://github.com/beautifier/js-beautify") | 1.15.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/js-beautify) |
-| 34 | [lodash](https://github.com/lodash/lodash/tree/4.17.21 "https://github.com/lodash/lodash/tree/4.17.21") | 4.17.21 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/lodash) |
-| 35 | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native "https://github.com/lottie-react-native/lottie-react-native") | 6.4.1 | 是 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases "https://github.com/react-native-oh-library/lottie-react-native/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/lottie-react-native) |
-| 36 | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0 "https://github.com/mobxjs/mobx/tree/mobx@6.10.0") | 6.10.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/mobx) |
-| 37 | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0 "https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0") | 7.6.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/mobx-react) |
-| 38 | [Moment](https://github.com/moment/moment "https://github.com/moment/moment") | 2.30.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/moment) |
-| 39 | [parse5](https://github.com/inikulin/parse5 "https://github.com/inikulin/parse5") | 7.1.2 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/parse5) |
-| 40 | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1 "https://github.com/facebook/prop-types/tree/v15.8.1") | 15.8.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/prop-types) |
-| 41 | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator "https://github.com/kazuhikoarase/qrcode-generator") | 1.4.4 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/qrcode-generator) |
-| 42 | [react-ahooks](https://github.com/alibaba/hooks "https://github.com/alibaba/hooks") | 3.7.11 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-ahooks) |
-| 43 | [react-i18next](https://github.com/i18next/react-i18next "https://github.com/i18next/react-i18next") | 8.6.3 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-i18next) |
-| 44 | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat "https://github.com/reactjs/react-lifecycles-compat") | 3.0.4 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-lifecycles-compat) |
-| 45 | [react-native-action-button](https://github.com/mastermoo/react-native-action-button "https://github.com/mastermoo/react-native-action-button") | 2.8.5 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-action-button) |
-| 46 | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number "https://github.com/wkh237/react-native-animate-number") | 0.1.2 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-animate-number) |
-| 47 | [react-native-aria](https://github.com/gluestack/react-native-aria/ "https://github.com/gluestack/react-native-aria/") | 0.2.4 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-aria) |
-| 48 | [react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview "https://github.com/react-native-oh-library/react-native-autoheight-webview") | 1.6.5 | \- | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases "https://github.com/react-native-oh-library/react-native-autoheight-webview/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-autoheight-webview) |
-| 49 | [react-native-base64](https://github.com/eranbo/react-native-base64 "https://github.com/eranbo/react-native-base64") | 0.2.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-base64) |
-| 50 | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util "https://github.com/react-native-oh-library/react-native-blob-util") | 0.19.6 | 是 | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases "https://github.com/react-native-oh-library/react-native-blob-util/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-blob-util) |
-| 51 | [react-native-canvas](https://github.com/iddan/react-native-canvas "https://github.com/iddan/react-native-canvas") | 0.1.39 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-canvas) |
-| 52 | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box "https://github.com/crazycodeboy/react-native-check-box") | 2.1.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-check-box) |
-| 53 | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field "https://github.com/retyui/react-native-confirmation-code-field") | 7.4.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-confirmation-code-field) |
-| 54 | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js "https://github.com/imchintan/react-native-crypto-js") | 1.0.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-crypto-js) |
-| 55 | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv "https://github.com/goatandsheep/react-native-dotenv") | 3.4.9 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-dotenv) |
-| 56 | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort "https://github.com/mochixuan/react-native-drag-sort") | 2.4.4 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-drag-sort) |
-| 57 | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill "https://github.com/rnc-archive/react-native-drawer-layout-polyfill") | 2.0.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-drawer-layout-polyfill) |
-| 58 | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro "https://github.com/supervons/react-native-echarts-pro") | 1.9.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-echarts-pro) |
-| 59 | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler "https://github.com/a7ul/react-native-exception-handler") | 2.10.10 | 否 | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases "https://github.com/react-native-oh-library/react-native-exception-handler/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-exception-handler) |
-| 60 | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image "https://github.com/DylanVann/react-native-fast-image") | 8.6.3 | 否 | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases "https://github.com/react-native-oh-library/react-native-fast-image/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-fast-image) |
-| 61 | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image "https://github.com/huiseoul/react-native-fit-image") | 1.5.5 | \- | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases "https://github.com/huiseoul/react-native-fit-image/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-fit-Image) |
-| 62 | [react-native-fs](https://github.com/itinance/react-native-fs "https://github.com/itinance/react-native-fs") | 2.20.0 | 是 | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases "https://github.com/react-native-oh-library/react-native-fs/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-fs) |
-| 63 | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler "https://github.com/software-mansion/react-native-gesture-handler") | 2.12.1 | 是 | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases "https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-gesture-handler) |
-| 64 | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor "https://github.com/react-native-oh-library/react-native-image-editor") | 3.2.0 | 是 | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases "https://github.com/react-native-oh-library/react-native-image-editor/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-image-editor) |
-| 65 | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker "https://github.com/react-native-image-picker/react-native-image-picker") | 7.0.3 | 是 | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases "https://github.com/react-native-oh-library/react-native-image-picker/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-image-picker) |
-| 66 | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer "https://github.com/react-native-oh-library/react-native-image-viewer") | 3.0.1 | \- | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases "https://github.com/react-native-oh-library/react-native-image-viewer/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-image-viewer) |
-| 67 | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing "https://github.com/react-native-oh-library/react-native-image-viewing") | 0.2.2 | | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases "https://github.com/react-native-oh-library/react-native-image-viewing/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-image-viewing) |
-| 68 | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom "https://github.com/react-native-oh-library/react-native-image-zoom") | 2.1.12 | \- | [@react-native-oh-tpl/react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases "https://github.com/react-native-oh-library/react-native-image-zoom/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-image-zoom) |
-| 69 | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer "https://github.com/react-native-oh-library/react-native-intersection-observer") | 0.2.0 | \- | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases "https://github.com/react-native-oh-library/react-native-intersection-observer/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-intersection-observer) |
-| 70 | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view "https://github.com/APSL/react-native-keyboard-aware-scroll-view") | 0.9.5 | \- | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases "https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-keyboard-aware-scroll-view) |
-| 71 | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient "https://github.com/react-native-linear-gradient/react-native-linear-gradient") | 3.0.0-alpha.1 | 是 | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases "https://github.com/react-native-oh-library/react-native-linear-gradient/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-linear-gradient) |
-| 72 | [react-native-maps](https://github.com/react-native-maps/react-native-maps "https://github.com/react-native-maps/react-native-maps") | 1.10.3 | 是 | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases "https://github.com/react-native-maps/react-native-maps/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-maps) |
-| 73 | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig "https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig") | 7.0.2 | \- | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases "https://github.com/react-native-oh-library/react-native-markdown-display/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-markdown-display) |
-| 74 | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee "https://github.com/react-native-oh-library/react-native-marquee") | 0.5.0 | \- | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases "https://github.com/react-native-oh-library/react-native-marquee/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-marquee) |
-| 75 | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh "https://github.com/react-native-studio/react-native-MJRefresh") | 0.7.0 | 否 | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases "https://github.com/react-native-oh-library/react-native-MJRefresh/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-MJRefresh) |
-| 76 | [react-native-pager-view](https://github.com/callstack/react-native-pager-view "https://github.com/callstack/react-native-pager-view") | 6.2.2 | 是 | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases "https://github.com/react-native-oh-library/react-native-pager-view/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-pager-view) |
-| 77 | [react-native-pdf](https://github.com/wonday/react-native-pdf "https://github.com/wonday/react-native-pdf") | 6.7.4 | 是 | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases "https://github.com/react-native-oh-library/react-native-pdf/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-pdf) |
-| 78 | [react-native-permissions](https://github.com/zoontek/react-native-permissions "https://github.com/zoontek/react-native-permissions") | 4.1.5 | 是 | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases "https://github.com/react-native-oh-library/react-native-permissions/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-permissions) |
-| 79 | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view "https://github.com/react-native-oh-library/react-native-popover-view") | 5.1.7 | \- | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases "https://github.com/react-native-oh-library/react-native-popover-view/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-popover-view) |
-| 80 | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu "https://github.com/instea/react-native-popup-menu") | 0.16.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-popup-menu) |
-| 81 | [react-native-progress](https://github.com/oblador/react-native-progress "https://github.com/oblador/react-native-progress") | 5.0.1 | \- | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases "https://github.com/react-native-oh-library/react-native-progress/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-progress) |
-| 82 | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull "https://github.com/react-native-oh-library/react-native-pull") | 2.0.4 | \- | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases "https://github.com/react-native-oh-library/react-native-pull/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-pull) |
-| 83 | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg "https://github.com/awesomejerry/react-native-qrcode-svg") | 6.2.0 | \- | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases "https://github.com/react-native-oh-library/react-native-qrcode-svg/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-qrcode-svg) |
-| 84 | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated "https://github.com/software-mansion/react-native-reanimated") | 3.6.0 | 是 | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases "https://github.com/react-native-oh-library/react-native-reanimated/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-reanimated) |
-| 85 | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel "https://github.com/dohooo/react-native-reanimated-carousel") | 3.5.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-reanimated-carousel) |
-| 86 | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table "https://github.com/dohooo/react-native-reanimated-table") | 0.2.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-reanimated-table) |
-| 87 | [react-native-redash](https://github.com/wcandillon/react-native-redash/ "https://github.com/wcandillon/react-native-redash/") | 18.1.3 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-redash) |
-| 88 | [react-native-render-html](https://github.com/meliorence/react-native-render-html "https://github.com/meliorence/react-native-render-html") | 6.3.4 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-render-html) |
-| 89 | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context "https://github.com/th3rdwave/react-native-safe-area-context") | 4.7.4 | 是 | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases "https://github.com/react-native-oh-library/react-native-safe-area-context/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-safe-area-context) |
-| 90 | [react-native-screens](https://github.com/software-mansion/react-native-screens "https://github.com/software-mansion/react-native-screens") | 3.29.0 | 是 | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-screens) |
-| 91 | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view "https://github.com/react-native-oh-library/react-native-scrollable-tab-view") | 1.0.0 | \- | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases "https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-scrollable-tab-view) |
-| 92 | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout "https://github.com/jsoendermann/rn-section-list-get-item-layout") | 2.2.3 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-section-list-get-item-layout) |
-| 93 | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout "https://github.com/react-native-studio/react-native-SmartRefreshLayout") | 0.6.7 | 否 | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases "https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-SmartRefreshLayout) |
-| 94 | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel "https://github.com/meliorence/react-native-snap-carousel") | 3.9.1 | \- | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases "https://github.com/react-native-oh-library/react-native-snap-carousel/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-snap-carousel) |
-| 95 | [react-native-sound](https://github.com/zmxv/react-native-sound "https://github.com/zmxv/react-native-sound") | 0.11.2 | 是 | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases "https://github.com/react-native-oh-library/react-native-sound/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-sound) |
-| 96 | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader "https://github.com/react-native-oh-library/react-native-stickyheader") | 1.1.3 | \- | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases "https://github.com/react-native-oh-library/react-native-stickyheader/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-stickyheader) |
-| 97 | [react-native-svg](https://github.com/software-mansion/react-native-svg "https://github.com/software-mansion/react-native-svg") | 13.14.0 | 是 | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-svg/releases "https://github.com/react-native-oh-library/react-native-svg/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-svg) |
-| 98 | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill "https://github.com/rnc-archive/react-native-drawer-layout-polyfill") | 3.2.9 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-swipe-list-view) |
-| 99 | [react-native-swiper](https://github.com/leecade/react-native-swiper "https://github.com/leecade/react-native-swiper") | 1.6.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-swiper) |
-| 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view "https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view") | 3.5.2 | \- | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases "https://github.com/react-native-oh-library/react-navigation/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-tab-view) |
-| 101 | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size "https://github.com/aMarCruz/react-native-text-size") | 4.0.0 | 是 | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases "https://github.com/react-native-oh-library/react-native-text-size/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-text-size) |
-| 102 | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup "https://github.com/madsleejensen/react-native-transitiongroup") | 1.2.0 | \- | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases "https://github.com/react-native-oh-library/react-native-transitiongroup/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-transitiongroup) |
-| 103 | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal "https://github.com/23mf/react-native-translucent-modal") | 1.1.0 | 否 | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases "https://github.com/react-native-oh-library/react-native-translucent-modal/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-translucent-modal) |
-| 104 | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons "https://github.com/oblador/react-native-vector-icons") | 10.0.3 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-vector-icons) |
-| 105 | [react-native-video](https://github.com/react-native-video/react-native-video "https://github.com/react-native-video/react-native-video") | 5.2.1 | 是 | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video "https://github.com/react-native-oh-library/react-native-video") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-video) |
-| 106 | [react-native-view-shot](https://github.com/gre/react-native-view-shot "https://github.com/gre/react-native-view-shot") | 3.8.0 | 否 | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases "https://github.com/react-native-oh-library/react-native-view-shot/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-view-shot) |
-| 107 | [react-native-webview](https://github.com/react-native-webview/react-native-webview "https://github.com/react-native-webview/react-native-webview") | 13.6.2 | 是 | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases "https://github.com/react-native-oh-library/react-native-webview/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-webview) |
-| 108 | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core "https://github.com/react-native-oh-library/react-native-worklets-core") | 0.5.0 | 是 | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases "https://github.com/react-native-oh-library/react-native-worklets-core/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-worklets-core) |
-| 109 | [react-redux](https://github.com/reduxjs/react-redux "https://github.com/reduxjs/react-redux") | 9.1.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-redux) |
-| 110 | [react-router-dom](https://github.com/remix-run/react-router "https://github.com/remix-run/react-router") | 6.22.3 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-router-dom) |
-| 111 | [react-use](https://github.com/zenghongtu/react-use "https://github.com/zenghongtu/react-use") | 17.2.4 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-use) |
-| 112 | [recyclerlistview](https://github.com/Flipkart/recyclerlistview "https://github.com/Flipkart/recyclerlistview") | 4.2.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/recyclerListView) |
-| 113 | [redux](https://github.com/reduxjs/redux "https://github.com/reduxjs/redux") | 5.0.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/redux) |
-| 114 | [redux-actions](https://github.com/redux-utilities/redux-actions "https://github.com/redux-utilities/redux-actions") | 3.0.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/redux-actions) |
-| 115 | [redux-logger](https://github.com/LogRocket/redux-logger "https://github.com/LogRocket/redux-logger") | 3.0.6 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/redux-logger) |
-| 116 | [redux-persist](https://github.com/rt2zz/redux-persist "https://github.com/rt2zz/redux-persist") | 6.0.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/redux-persist) |
-| 117 | [redux-thunk](https://github.com/reduxjs/redux-thunk "https://github.com/reduxjs/redux-thunk") | 3.1.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/redux-thunk) |
-| 118 | [redux-toolkit](https://github.com/reduxjs/redux-toolkit "https://github.com/reduxjs/redux-toolkit") | 2.2.3 | \- | \- | [链接](/zh-cn/redux-toolkit) |
-| 119 | [rn-placeholder](https://github.com/mfrachet/rn-placeholder "https://github.com/mfrachet/rn-placeholder") | 3.0.3 | \- | \- | [链接](/zh-cn/rn-placeholder) |
-| 120 | [styled-components](https://github.com/styled-components/styled-components "https://github.com/styled-components/styled-components") | 6.1.8 | \- | \- | [链接](/zh-cn/styled-components) |
-| 121 | [styled-system](https://github.com/react-native-picker/picker "https://github.com/react-native-picker/picker") | 5.1.5 | \- | \- | [链接](/zh-cn/styled-system) |
-| 122 | [react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors) | 7.2.1 | \- | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases) | [链接](/zh-cn/react-native-sensors) |
-| 123 | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list) | 0.0.25 | \- | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list) | [链接](/zh-cn/react-native-sortable-list)
-| 124 | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast "https://github.com/crazycodeboy/react-native-easy-toast") | 2.3.0 | - | - | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-easy-toast) | |
-| 125 | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence) | 0.9.1 | 否 | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases) | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-sequence-2) |
-| 126 | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather "https://github.com/yigithanyucedag/react-native-feather") | 1.1.2 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-feather) |
-| 127 | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack) | 6.9.26 | \- | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack) | [链接](/zh-cn/react-navigation-native-stack)|
+| 序号 | 原库名 | 原库基线版本 | 原库是否支持新架构 | HarmonyOS Releases | 文档链接 |
+| -- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------- | --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- |
+| 1 | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage "https://github.com/react-native-async-storage/async-storage") | 1.21.1 | 是 | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases "https://github.com/react-native-oh-library/async-storage/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-async-storage-async-storage) |
+| 2 | [@react-native-camera-roll/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll "https://github.com/react-native-oh-library/react-native-cameraroll") | 6.0.0 | 是 | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases "https://github.com/react-native-oh-library/react-native-cameraroll/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-cameraroll) |
+| 3 | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard "https://github.com/react-native-clipboard/clipboard") | 1.13.2 | 是 | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases "https://github.com/react-native-oh-library/clipboard/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-clipboard-clipboard) |
+| 4 | [@react-native-community/blur](https://github.com/Kureev/react-native-blur "https://github.com/Kureev/react-native-blur") | 4.4.0 | 是 | [@react-native-oh-tpl/blur Releases](https://github.com/react-native-oh-library/react-native-blur/releases "https://github.com/react-native-oh-library/react-native-blur/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-blur) |
+| 5 | [@react-native-community/checkbox](https://github.com/react-native-checkbox/react-native-checkbox "https://github.com/react-native-checkbox/react-native-checkbox") | 0.5.16 | 否 | [@react-native-oh-tpl/react-native-checkbox](https://github.com/react-native-oh-library/react-native-checkbox/releases "https://github.com/react-native-oh-library/react-native-checkbox/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-checkbox) |
+| 6 | [@react-native-community/datetimepicker](https://github.com/react-native-datetimepicker/datetimepicker "https://github.com/react-native-datetimepicker/datetimepicker") | 7.6.2 | 是 | [@react-native-oh-tpl/datetimepicker](https://github.com/react-native-oh-library/datetimepicker/releases "https://github.com/react-native-oh-library/datetimepicker/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-datetimepicker) |
+| 7 | [@react-native-community/geolocation](https://github.com/michalchudziak/react-native-geolocation "https://github.com/michalchudziak/react-native-geolocation") | 3.1.0 | 是 | [@react-native-oh-tpl/react-native-geolocation](https://github.com/react-native-oh-library/react-native-geolocation/releases "https://github.com/react-native-oh-library/react-native-geolocation/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-geolocation) |
+| 8 | [@react-native-community/netinfo](https://github.com/react-native-netinfo/react-native-netinfo "https://github.com/react-native-netinfo/react-native-netinfo") | 11.1.0 | 是 | [@react-native-oh-tpl/netinfo](https://github.com/react-native-oh-library/react-native-netinfo/releases "https://github.com/react-native-oh-library/react-native-netinfo/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-netinfo) |
+| 9 | [@react-native-community/progress-bar-android](https://github.com/react-native-progress-view/progress-bar-android "https://github.com/react-native-progress-view/progress-bar-android") | 1.0.4 | 是 | [@react-native-oh-tpl/progress-bar-android](https://github.com/react-native-oh-library/progress-bar-android/releases "https://github.com/react-native-oh-library/progress-bar-android/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-progress-bar-android) |
+| 10 | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view "https://github.com/react-native-progress-view/progress-view") | 1.4.2 | 是 | [@react-native-oh-tpl/progress-view](https://github.com/react-native-oh-library/progress-view/releases "https://github.com/react-native-oh-library/progress-view/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-progress-view) |
+| 11 | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios "https://github.com/react-native-push-notification/ios") | 1.11.0 | 否 | [@react-native-oh-tpl/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases "https://github.com/react-native-oh-library/react-native-push-notification-ios/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-push-notification-ios) |
+| 12 | [@react-native-community/slider](https://github.com/callstack/react-native-slider "https://github.com/callstack/react-native-slider") | 4.4.3 | 是 | [@react-native-oh-tpl/slider](https://github.com/react-native-oh-library/react-native-slider/releases "https://github.com/react-native-oh-library/react-native-slider/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-slider) |
+| 13 | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android "https://github.com/react-native-toolbar-android/toolbar-android") | 0.2.1 | 是 | [@react-native-oh-tpl/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases "https://github.com/react-native-oh-library/toolbar-android/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-toolbar-android) |
+| 14 | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies "https://github.com/react-native-cookies/cookies") | 6.2.1 | 否 | [@react-native-oh-tpl/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases "https://github.com/react-native-oh-library/react-native-cookies/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-cookies) |
+| 15 | [@react-native-masked-view/masked-view](https://github.com/react-native-masked-view/masked-view "https://github.com/react-native-masked-view/masked-view") | 0.2.9 | 否 | [@react-native-oh-tpl/masked-view](https://github.com/react-native-oh-library/masked-view/releases "https://github.com/react-native-oh-library/masked-view/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-masked-view-masked-view) |
+| 16 | [@react-native-picker/picker](https://github.com/react-native-picker/picker "https://github.com/react-native-picker/picker") | 2.5.1 | 是 | [@react-native-oh-tpl/picker](https://github.com/react-native-oh-library/picker/releases "https://github.com/react-native-oh-library/picker/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-picker-picker) |
+| 17 | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control "https://github.com/react-native-segmented-control/segmented-control") | 2.5.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-community-segmented-control) |
+| 18 | [@react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs "https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs") | 6.5.11 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-navigation-bottom-tabs) |
+| 19 | [@react-navigation/elements](https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements "https://github.com/react-navigation/react-navigation/tree/6.x/packages/elements") | 1.3.21 | \- | [@react-native-oh-tpl/elements](https://github.com/react-native-oh-library/react-navigation/releases "https://github.com/react-native-oh-library/react-navigation/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-navigation-elements) |
+| 20 | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native "https://github.com/react-navigation/react-navigation/tree/6.x/packages/native") | 6.1.9 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-navigation-native) |
+| 21 | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack "https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack") | 6.3.19 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-navigation-stack) |
+| 22 | [@shopify/flash-list](https://github.com/Shopify/flash-list "https://github.com/Shopify/flash-list") | 1.6.3 | 否 | [@react-native-oh-tpl/flash-list](https://github.com/react-native-oh-library/flash-list/releases "https://github.com/react-native-oh-library/flash-list/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/shopify-flash-list) |
+| 23 | [axios](https://github.com/axios/axios "https://github.com/axios/axios") | 1.6.7 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/axios) |
+| 24 | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0 "https://github.com/brix/crypto-js/tree/4.2.0") | 4.2.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/crypto-js) |
+| 25 | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file "https://github.com/iamkun/dayjs?tab=readme-ov-file") | 1.11.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/dayjs) |
+| 26 | [deepmerge](https://github.com/TehShrike/deepmerge "https://github.com/TehShrike/deepmerge") | 4.3.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/deepmerge) |
+| 27 | [EventBus](https://github.com/krasimir/EventBus "https://github.com/krasimir/EventBus") | 0.2.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/EventBus) |
+| 28 | [htmlparser2](https://github.com/fb55/htmlparser2 "https://github.com/fb55/htmlparser2") | 9.1.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/htmlparser2) |
+| 29 | [immer](https://github.com/immerjs/immer "https://github.com/immerjs/immer") | 10.0.4 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/immer) |
+| 30 | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider "https://github.com/react-native-oh-library/jeanregisser-react-native-slider") | 0.11.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/jeanregisser-react-native-slider) |
+| 31 | [JsBarCode](https://github.com/lindell/JsBarcode "https://github.com/lindell/JsBarcode") | 3.11.6 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/jsbarcode) |
+| 32 | [js-beautify](https://github.com/beautifier/js-beautify "https://github.com/beautifier/js-beautify") | 1.14.9 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/js-beautify) |
+| 33 | [js-beautify](https://github.com/beautifier/js-beautify "https://github.com/beautifier/js-beautify") | 1.15.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/js-beautify) |
+| 34 | [lodash](https://github.com/lodash/lodash/tree/4.17.21 "https://github.com/lodash/lodash/tree/4.17.21") | 4.17.21 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/lodash) |
+| 35 | [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native "https://github.com/lottie-react-native/lottie-react-native") | 6.4.1 | 是 | [@react-native-oh-tpl/lottie-react-native](https://github.com/react-native-oh-library/lottie-react-native/releases "https://github.com/react-native-oh-library/lottie-react-native/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/lottie-react-native) |
+| 36 | [mobx](https://github.com/mobxjs/mobx/tree/mobx@6.10.0 "https://github.com/mobxjs/mobx/tree/mobx@6.10.0") | 6.10.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/mobx) |
+| 37 | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0 "https://github.com/mobxjs/mobx/tree/mobx-react@7.6.0") | 7.6.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/mobx-react) |
+| 38 | [Moment](https://github.com/moment/moment "https://github.com/moment/moment") | 2.30.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/moment) |
+| 39 | [parse5](https://github.com/inikulin/parse5 "https://github.com/inikulin/parse5") | 7.1.2 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/parse5) |
+| 40 | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1 "https://github.com/facebook/prop-types/tree/v15.8.1") | 15.8.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/prop-types) |
+| 41 | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator "https://github.com/kazuhikoarase/qrcode-generator") | 1.4.4 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/qrcode-generator) |
+| 42 | [react-ahooks](https://github.com/alibaba/hooks "https://github.com/alibaba/hooks") | 3.7.11 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-ahooks) |
+| 43 | [react-i18next](https://github.com/i18next/react-i18next "https://github.com/i18next/react-i18next") | 8.6.3 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-i18next) |
+| 44 | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat "https://github.com/reactjs/react-lifecycles-compat") | 3.0.4 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-lifecycles-compat) |
+| 45 | [react-native-action-button](https://github.com/mastermoo/react-native-action-button "https://github.com/mastermoo/react-native-action-button") | 2.8.5 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-action-button) |
+| 46 | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number "https://github.com/wkh237/react-native-animate-number") | 0.1.2 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-animate-number) |
+| 47 | [react-native-aria](https://github.com/gluestack/react-native-aria/ "https://github.com/gluestack/react-native-aria/") | 0.2.4 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-aria) |
+| 48 | [react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview "https://github.com/react-native-oh-library/react-native-autoheight-webview") | 1.6.5 | \- | [@react-native-oh-tpl/react-native-autoheight-webview](https://github.com/react-native-oh-library/react-native-autoheight-webview/releases "https://github.com/react-native-oh-library/react-native-autoheight-webview/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-autoheight-webview) |
+| 49 | [react-native-base64](https://github.com/eranbo/react-native-base64 "https://github.com/eranbo/react-native-base64") | 0.2.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-base64) |
+| 50 | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util "https://github.com/react-native-oh-library/react-native-blob-util") | 0.19.6 | 是 | [@react-native-oh-tpl/react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases "https://github.com/react-native-oh-library/react-native-blob-util/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-blob-util) |
+| 51 | [react-native-canvas](https://github.com/iddan/react-native-canvas "https://github.com/iddan/react-native-canvas") | 0.1.39 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-canvas) |
+| 52 | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box "https://github.com/crazycodeboy/react-native-check-box") | 2.1.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-check-box) |
+| 53 | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field "https://github.com/retyui/react-native-confirmation-code-field") | 7.4.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-confirmation-code-field) |
+| 54 | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js "https://github.com/imchintan/react-native-crypto-js") | 1.0.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-crypto-js) |
+| 55 | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv "https://github.com/goatandsheep/react-native-dotenv") | 3.4.9 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-dotenv) |
+| 56 | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort "https://github.com/mochixuan/react-native-drag-sort") | 2.4.4 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-drag-sort) |
+| 57 | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill "https://github.com/rnc-archive/react-native-drawer-layout-polyfill") | 2.0.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-drawer-layout-polyfill) |
+| 58 | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro "https://github.com/supervons/react-native-echarts-pro") | 1.9.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-echarts-pro) |
+| 59 | [react-native-exception-handler](https://github.com/a7ul/react-native-exception-handler "https://github.com/a7ul/react-native-exception-handler") | 2.10.10 | 否 | [@react-native-oh-tpl/react-native-exception-handler](https://github.com/react-native-oh-library/react-native-exception-handler/releases "https://github.com/react-native-oh-library/react-native-exception-handler/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-exception-handler) |
+| 60 | [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image "https://github.com/DylanVann/react-native-fast-image") | 8.6.3 | 否 | [@react-native-oh-tpl/react-native-fast-image](https://github.com/react-native-oh-library/react-native-fast-image/releases "https://github.com/react-native-oh-library/react-native-fast-image/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-fast-image) |
+| 61 | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image "https://github.com/huiseoul/react-native-fit-image") | 1.5.5 | \- | [@react-native-oh-tpl/react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases "https://github.com/huiseoul/react-native-fit-image/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-fit-Image) |
+| 62 | [react-native-fs](https://github.com/itinance/react-native-fs "https://github.com/itinance/react-native-fs") | 2.20.0 | 是 | [@react-native-oh-tpl/react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases "https://github.com/react-native-oh-library/react-native-fs/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-fs) |
+| 63 | [react-native-gesture-handler](https://github.com/software-mansion/react-native-gesture-handler "https://github.com/software-mansion/react-native-gesture-handler") | 2.12.1 | 是 | [@react-native-oh-tpl/react-native-gesture-handler](https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases "https://github.com/react-native-oh-library/react-native-harmony-gesture-handler/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-gesture-handler) |
+| 64 | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor "https://github.com/react-native-oh-library/react-native-image-editor") | 3.2.0 | 是 | [@react-native-oh-tpl/react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases "https://github.com/react-native-oh-library/react-native-image-editor/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-image-editor) |
+| 65 | [react-native-image-picker](https://github.com/react-native-image-picker/react-native-image-picker "https://github.com/react-native-image-picker/react-native-image-picker") | 7.0.3 | 是 | [@react-native-oh-tpl/react-native-image-picker](https://github.com/react-native-oh-library/react-native-image-picker/releases "https://github.com/react-native-oh-library/react-native-image-picker/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-image-picker) |
+| 66 | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer "https://github.com/react-native-oh-library/react-native-image-viewer") | 3.0.1 | \- | [react-native-image-viewer](https://github.com/react-native-oh-library/react-native-image-viewer/releases "https://github.com/react-native-oh-library/react-native-image-viewer/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-image-viewer) |
+| 67 | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing "https://github.com/react-native-oh-library/react-native-image-viewing") | 0.2.2 | | [@react-native-oh-tpl/react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases "https://github.com/react-native-oh-library/react-native-image-viewing/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-image-viewing) |
+| 68 | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom "https://github.com/react-native-oh-library/react-native-image-zoom") | 2.1.12 | \- | [@react-native-oh-tpl/react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases "https://github.com/react-native-oh-library/react-native-image-zoom/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-image-zoom) |
+| 69 | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer "https://github.com/react-native-oh-library/react-native-intersection-observer") | 0.2.0 | \- | [@react-native-oh-tpl/react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases "https://github.com/react-native-oh-library/react-native-intersection-observer/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-intersection-observer) |
+| 70 | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view "https://github.com/APSL/react-native-keyboard-aware-scroll-view") | 0.9.5 | \- | [@react-native-oh-tpl/react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases "https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-keyboard-aware-scroll-view) |
+| 71 | [react-native-linear-gradient](https://github.com/react-native-linear-gradient/react-native-linear-gradient "https://github.com/react-native-linear-gradient/react-native-linear-gradient") | 3.0.0-alpha.1 | 是 | [@react-native-oh-tpl/react-native-linear-gradient](https://github.com/react-native-oh-library/react-native-linear-gradient/releases "https://github.com/react-native-oh-library/react-native-linear-gradient/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-linear-gradient) |
+| 72 | [react-native-maps](https://github.com/react-native-maps/react-native-maps "https://github.com/react-native-maps/react-native-maps") | 1.10.3 | 是 | [@react-native-oh-tpl/react-native-maps](https://github.com/react-native-maps/react-native-maps/releases "https://github.com/react-native-maps/react-native-maps/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-maps) |
+| 73 | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig "https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig") | 7.0.2 | \- | [@react-native-oh-tpl/react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases "https://github.com/react-native-oh-library/react-native-markdown-display/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-markdown-display) |
+| 74 | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee "https://github.com/react-native-oh-library/react-native-marquee") | 0.5.0 | \- | [@react-native-oh-tpl/react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases "https://github.com/react-native-oh-library/react-native-marquee/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-marquee) |
+| 75 | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh "https://github.com/react-native-studio/react-native-MJRefresh") | 0.7.0 | 否 | [@react-native-oh-tpl/react-native-mjrefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases "https://github.com/react-native-oh-library/react-native-MJRefresh/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-MJRefresh) |
+| 76 | [react-native-pager-view](https://github.com/callstack/react-native-pager-view "https://github.com/callstack/react-native-pager-view") | 6.2.2 | 是 | [@react-native-oh-tpl/react-native-pager-view](https://github.com/react-native-oh-library/react-native-pager-view/releases "https://github.com/react-native-oh-library/react-native-pager-view/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-pager-view) |
+| 77 | [react-native-pdf](https://github.com/wonday/react-native-pdf "https://github.com/wonday/react-native-pdf") | 6.7.4 | 是 | [@react-native-oh-tpl/react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases "https://github.com/react-native-oh-library/react-native-pdf/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-pdf) |
+| 78 | [react-native-permissions](https://github.com/zoontek/react-native-permissions "https://github.com/zoontek/react-native-permissions") | 4.1.5 | 是 | [@react-native-oh-tpl/react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases "https://github.com/react-native-oh-library/react-native-permissions/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-permissions) |
+| 79 | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view "https://github.com/react-native-oh-library/react-native-popover-view") | 5.1.7 | \- | [@react-native-oh-tpl/react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases "https://github.com/react-native-oh-library/react-native-popover-view/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-popover-view) |
+| 80 | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu "https://github.com/instea/react-native-popup-menu") | 0.16.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-popup-menu) |
+| 81 | [react-native-progress](https://github.com/oblador/react-native-progress "https://github.com/oblador/react-native-progress") | 5.0.1 | \- | [@react-native-oh-tpl/react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases "https://github.com/react-native-oh-library/react-native-progress/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-progress) |
+| 82 | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull "https://github.com/react-native-oh-library/react-native-pull") | 2.0.4 | \- | [@react-native-oh-tpl/react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases "https://github.com/react-native-oh-library/react-native-pull/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-pull) |
+| 83 | [react-native-qrcode-svg](https://github.com/awesomejerry/react-native-qrcode-svg "https://github.com/awesomejerry/react-native-qrcode-svg") | 6.2.0 | \- | [@react-native-oh-tpl/react-native-qrcode-svg](https://github.com/react-native-oh-library/react-native-qrcode-svg/releases "https://github.com/react-native-oh-library/react-native-qrcode-svg/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-qrcode-svg) |
+| 84 | [react-native-reanimated](https://github.com/software-mansion/react-native-reanimated "https://github.com/software-mansion/react-native-reanimated") | 3.6.0 | 是 | [@react-native-oh-tpl/react-native-reanimated](https://github.com/react-native-oh-library/react-native-reanimated/releases "https://github.com/react-native-oh-library/react-native-reanimated/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-reanimated) |
+| 85 | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel "https://github.com/dohooo/react-native-reanimated-carousel") | 3.5.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-reanimated-carousel) |
+| 86 | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table "https://github.com/dohooo/react-native-reanimated-table") | 0.2.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-reanimated-table) |
+| 87 | [react-native-redash](https://github.com/wcandillon/react-native-redash/ "https://github.com/wcandillon/react-native-redash/") | 18.1.3 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-redash) |
+| 88 | [react-native-render-html](https://github.com/meliorence/react-native-render-html "https://github.com/meliorence/react-native-render-html") | 6.3.4 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-render-html) |
+| 89 | [react-native-safe-area-context](https://github.com/th3rdwave/react-native-safe-area-context "https://github.com/th3rdwave/react-native-safe-area-context") | 4.7.4 | 是 | [@react-native-oh-tpl/react-native-safe-area-context](https://github.com/react-native-oh-library/react-native-safe-area-context/releases "https://github.com/react-native-oh-library/react-native-safe-area-context/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-safe-area-context) |
+| 90 | [react-native-screens](https://github.com/software-mansion/react-native-screens "https://github.com/software-mansion/react-native-screens") | 3.29.0 | 是 | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-screens) |
+| 91 | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view "https://github.com/react-native-oh-library/react-native-scrollable-tab-view") | 1.0.0 | \- | [@react-native-oh-tpl/react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases "https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-scrollable-tab-view) |
+| 92 | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout "https://github.com/jsoendermann/rn-section-list-get-item-layout") | 2.2.3 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-section-list-get-item-layout) |
+| 93 | [react-native-SmartRefreshLayout](https://github.com/react-native-studio/react-native-SmartRefreshLayout "https://github.com/react-native-studio/react-native-SmartRefreshLayout") | 0.6.7 | 否 | [@react-native-oh-tpl/react-native-SmartRefreshLayout](https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases "https://github.com/react-native-oh-library/react-native-SmartRefreshLayout/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-SmartRefreshLayout) |
+| 94 | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel "https://github.com/meliorence/react-native-snap-carousel") | 3.9.1 | \- | [@react-native-oh-tpl/react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases "https://github.com/react-native-oh-library/react-native-snap-carousel/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-snap-carousel) |
+| 95 | [react-native-sound](https://github.com/zmxv/react-native-sound "https://github.com/zmxv/react-native-sound") | 0.11.2 | 是 | [@react-native-oh-tpl/react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases "https://github.com/react-native-oh-library/react-native-sound/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-sound) |
+| 96 | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader "https://github.com/react-native-oh-library/react-native-stickyheader") | 1.1.3 | \- | [@react-native-oh-tpl/react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases "https://github.com/react-native-oh-library/react-native-stickyheader/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-stickyheader) |
+| 97 | [react-native-svg](https://github.com/software-mansion/react-native-svg "https://github.com/software-mansion/react-native-svg") | 13.14.0 | 是 | [@react-native-oh-tpl/react-native-svg](https://github.com/react-native-oh-library/react-native-svg/releases "https://github.com/react-native-oh-library/react-native-svg/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-svg) |
+| 98 | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill "https://github.com/rnc-archive/react-native-drawer-layout-polyfill") | 3.2.9 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-swipe-list-view) |
+| 99 | [react-native-swiper](https://github.com/leecade/react-native-swiper "https://github.com/leecade/react-native-swiper") | 1.6.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-swiper) |
+| 100 | [react-native-tab-view](https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view "https://github.com/react-navigation/react-navigation/tree/6.x/packages/react-native-tab-view") | 3.5.2 | \- | [@react-native-oh-tpl/react-native-tab-view](https://github.com/react-native-oh-library/react-navigation/releases "https://github.com/react-native-oh-library/react-navigation/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-tab-view) |
+| 101 | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size "https://github.com/aMarCruz/react-native-text-size") | 4.0.0 | 是 | [@react-native-oh-tpl/react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases "https://github.com/react-native-oh-library/react-native-text-size/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-text-size) |
+| 102 | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup "https://github.com/madsleejensen/react-native-transitiongroup") | 1.2.0 | \- | [@react-native-oh-tpl/react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases "https://github.com/react-native-oh-library/react-native-transitiongroup/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-transitiongroup) |
+| 103 | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal "https://github.com/23mf/react-native-translucent-modal") | 1.1.0 | 否 | [@react-native-oh-tpl/react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases "https://github.com/react-native-oh-library/react-native-translucent-modal/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-translucent-modal) |
+| 104 | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons "https://github.com/oblador/react-native-vector-icons") | 10.0.3 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-vector-icons) |
+| 105 | [react-native-video](https://github.com/react-native-video/react-native-video "https://github.com/react-native-video/react-native-video") | 5.2.1 | 是 | [@react-native-oh-tpl/react-native-video](https://github.com/react-native-oh-library/react-native-video "https://github.com/react-native-oh-library/react-native-video") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-video) |
+| 106 | [react-native-view-shot](https://github.com/gre/react-native-view-shot "https://github.com/gre/react-native-view-shot") | 3.8.0 | 否 | [@react-native-oh-tpl/react-native-view-shot](https://github.com/react-native-oh-library/react-native-view-shot/releases "https://github.com/react-native-oh-library/react-native-view-shot/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-view-shot) |
+| 107 | [react-native-webview](https://github.com/react-native-webview/react-native-webview "https://github.com/react-native-webview/react-native-webview") | 13.6.2 | 是 | [@react-native-oh-tpl/react-native-webview](https://github.com/react-native-oh-library/react-native-webview/releases "https://github.com/react-native-oh-library/react-native-webview/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-webview) |
+| 108 | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core "https://github.com/react-native-oh-library/react-native-worklets-core") | 0.5.0 | 是 | [@react-native-oh-tpl/react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases "https://github.com/react-native-oh-library/react-native-worklets-core/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-worklets-core) |
+| 109 | [react-redux](https://github.com/reduxjs/react-redux "https://github.com/reduxjs/react-redux") | 9.1.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-redux) |
+| 110 | [react-router-dom](https://github.com/remix-run/react-router "https://github.com/remix-run/react-router") | 6.22.3 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-router-dom) |
+| 111 | [react-use](https://github.com/zenghongtu/react-use "https://github.com/zenghongtu/react-use") | 17.2.4 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-use) |
+| 112 | [recyclerlistview](https://github.com/Flipkart/recyclerlistview "https://github.com/Flipkart/recyclerlistview") | 4.2.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/recyclerListView) |
+| 113 | [redux](https://github.com/reduxjs/redux "https://github.com/reduxjs/redux") | 5.0.1 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/redux) |
+| 114 | [redux-actions](https://github.com/redux-utilities/redux-actions "https://github.com/redux-utilities/redux-actions") | 3.0.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/redux-actions) |
+| 115 | [redux-logger](https://github.com/LogRocket/redux-logger "https://github.com/LogRocket/redux-logger") | 3.0.6 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/redux-logger) |
+| 116 | [redux-persist](https://github.com/rt2zz/redux-persist "https://github.com/rt2zz/redux-persist") | 6.0.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/redux-persist) |
+| 117 | [redux-thunk](https://github.com/reduxjs/redux-thunk "https://github.com/reduxjs/redux-thunk") | 3.1.0 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/redux-thunk) |
+| 118 | [redux-toolkit](https://github.com/reduxjs/redux-toolkit "https://github.com/reduxjs/redux-toolkit") | 2.2.3 | \- | \- | [链接](/zh-cn/redux-toolkit) |
+| 119 | [rn-placeholder](https://github.com/mfrachet/rn-placeholder "https://github.com/mfrachet/rn-placeholder") | 3.0.3 | \- | \- | [链接](/zh-cn/rn-placeholder) |
+| 120 | [styled-components](https://github.com/styled-components/styled-components "https://github.com/styled-components/styled-components") | 6.1.8 | \- | \- | [链接](/zh-cn/styled-components) |
+| 121 | [styled-system](https://github.com/react-native-picker/picker "https://github.com/react-native-picker/picker") | 5.1.5 | \- | \- | [链接](/zh-cn/styled-system) |
+| 122 | [react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors) | 7.2.1 | \- | [@react-native-oh-tpl/react-native-sensors](https://github.com/react-native-oh-library/react-native-sensors/releases) | [链接](/zh-cn/react-native-sensors) |
+| 123 | [react-native-sortable-list](https://github.com/gitim/react-native-sortable-list) | 0.0.25 | \- | [@react-native-oh-tpl/react-native-sortable-list](https://github.com/react-native-oh-library/react-native-sortable-list) | [链接](/zh-cn/react-native-sortable-list)
+| 124 | [react-native-easy-toast](https://github.com/crazycodeboy/react-native-easy-toast "https://github.com/crazycodeboy/react-native-easy-toast") | 2.3.0 | - | - | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-easy-toast) | |
+| 125 | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence) | 0.9.1 | 否 | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases) | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-sequence-2) |
+| 126 | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather "https://github.com/yigithanyucedag/react-native-feather") | 1.1.2 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-feather) |
+| 127 | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack) | 6.9.26 | \- | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack) | [链接](/zh-cn/react-navigation-native-stack)|
+| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath) | 1.1.8 | 是 | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases) | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-clippath) |
## 社区
diff --git a/_sidebar.md b/_sidebar.md
index 4270ba44..c9e42e32 100644
--- a/_sidebar.md
+++ b/_sidebar.md
@@ -49,6 +49,7 @@
- [react-native-sensors](/zh-cn/react-native-sensors.md)
- [lottie-react-native](/zh-cn/lottie-react-native.md)
- [react-native-image-sequence-2](/zh-cn/react-native-image-sequence-2.md)
+ - [react-native-clippath](/zh-cn/react-native-clippath.md)
- RN JS库
- [react-i18next](/zh-cn/react-i18next.md)
- [react-native-action-button](/zh-cn/react-native-action-button.md)
diff --git a/zh-cn/README.md b/zh-cn/README.md
index 137cb16c..85a2f274 100644
--- a/zh-cn/README.md
+++ b/zh-cn/README.md
@@ -19,7 +19,7 @@
> [!tip] NPM 公仓坐标:@react-native-oh-tpl
| 序号 | 原库名 | 原库基线版本 | 原库是否支持新架构 | HarmonyOS Releases | 文档链接 |
-| --- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- | --------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- |
+| --- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------- |-----------| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- |
| 1 | [@react-native-async-storage/async-storage](https://github.com/react-native-async-storage/async-storage "https://github.com/react-native-async-storage/async-storage") | 1.21.1 | 是 | [@react-native-oh-tpl/async-storage](https://github.com/react-native-oh-library/async-storage/releases "https://github.com/react-native-oh-library/async-storage/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-async-storage-async-storage) |
| 2 | [@react-native-camera-roll/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll "https://github.com/react-native-oh-library/react-native-cameraroll") | 6.0.0 | 是 | [@react-native-oh-tpl/camera-roll](https://github.com/react-native-oh-library/react-native-cameraroll/releases "https://github.com/react-native-oh-library/react-native-cameraroll/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-cameraroll) |
| 3 | [@react-native-clipboard/clipboard](https://github.com/react-native-clipboard/clipboard "https://github.com/react-native-clipboard/clipboard") | 1.13.2 | 是 | [@react-native-oh-tpl/clipboard](https://github.com/react-native-oh-library/clipboard/releases "https://github.com/react-native-oh-library/clipboard/releases") | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-clipboard-clipboard) |
@@ -147,6 +147,7 @@
| 125 | [react-native-image-sequence-2](https://github.com/bwindsor/react-native-image-sequence "https://github.com/bwindsor/react-native-image-sequence") | 0.9.1 | 否 | [@react-native-oh-tpl/react-native-image-sequence-2](https://github.com/react-native-oh-library/react-native-image-sequence/releases) | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-sequence-2) |
| 126 | [react-native-feather](https://github.com/yigithanyucedag/react-native-feather "https://github.com/yigithanyucedag/react-native-feather") | 1.1.2 | \- | \- | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-feather) |
| 127 | [@react-navigation/native-stack](https://github.com/react-navigation/react-navigation/tree/main/packages/native-stack) | 6.9.26 | \- | [@react-native-oh-tpl/native-stack](https://github.com/react-native-oh-library/react-navigation/tree/sig/packages/native-stack) | [链接](/zh-cn/react-navigation-native-stack)|
+| 128 | [react-native-clippath](https://github.com/Only-IceSoul/react-native-clippath) | 1.1.8 | 是 | [@react-native-oh-tpl/react-native-clippath](https://github.com/react-native-oh-library/react-native-clippath/releases) | [链接](https://react-native-oh-library.gitee.io/usage-docs/#/zh-cn/react-native-clippath) |
## 社区
diff --git a/zh-cn/jsbarcode.md b/zh-cn/jsbarcode.md
index ea58afcf..89106666 100644
--- a/zh-cn/jsbarcode.md
+++ b/zh-cn/jsbarcode.md
@@ -20,7 +20,7 @@
#### **npm**
```bash
-npm install jsbarcode --save@3.11.6
+npm install jsbarcode@3.11.6 --save
```
#### **yarn**
diff --git a/zh-cn/react-native-fit-Image.md b/zh-cn/react-native-fit-Image.md
index 001e1cbe..a14302aa 100644
--- a/zh-cn/react-native-fit-Image.md
+++ b/zh-cn/react-native-fit-Image.md
@@ -411,30 +411,36 @@ export default FitImageDemo;
## 属性
-| Name | Description | Type | Required | Platform | HarmonyOS Support | 备注 |
-| ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------- | -------- | ----------------------------- | ----------------- | ---------------------------------------------------------------------------------------------------------------------- |
-| `style` | 图片宽(width)高(height),边框等样式 | object | yes | Android IOS | YES | 在不加orginalWidth与orginalHeight属性时,style里面必须设置宽width,高height才能把图片加载出来 |
-| `source` | 图片文件源: 本地图片 source={require('./assets/expo.png')};
网略图片 source={{uri:"https://octodex.github.com/images/stormtroopocat.jpg"}} | string | yes | Android IOS | YES | |
-| `width` | 图片style中属性 | number | yes | Android IOS | YES | |
-| `height` | 图片style中属性 | number | yes | Android IOS | YES | |
-| `borderRadius` | 图片样式(圆角) | number | No | Android IOS HarmonyOS都不支持 | NO | 此属性在HarmonyOS,Android ,IOS均不生效;[issues](https://github.com/huiseoul/react-native-fit-image/issues/111) |
-| `indicator` | 加载器值为true/false (默认true) | boolean | No | Android IOS | YES | |
-| `indicatorColor` | 加载器颜色 | string | No | Android IOS | YES | |
-| `indicatorSize` | 加载器大小 值:`large` `small` number(例: indicatorSize={20} ) | string/number | No | Android IOS | YES | |
-| resizeMode | 图片布局 值(cover contain stretch repeat center) `cover`: 在保持图片宽高比的前提下缩放图片,直到宽度和高度都大于等于容器视图的尺寸(如果容器有 padding 内衬的话,则相应减去)。**译注**:这样图片完全覆盖甚至超出容器,容器中不留任何空白。 `contain`: 在保持图片宽高比的前提下缩放图片,直到宽度和高度都小于等于容器视图的尺寸(如果容器有 padding 内衬的话,则相应减去)。**译注**:这样图片完全被包裹在容器中,容器中可能留有空白。 `stretch`: 拉伸图片且不维持宽高比,直到宽高都刚好填满容器。 `repeat`: 重复平铺图片直到填满容器。图片会维持原始尺寸,但是当尺寸超过容器时会在保持宽高比的前提下缩放到能被容器包裹。 `center`: 居中不拉伸。 | string | No | Android IOS | YES | |
-| blurRadius | 图片模糊滤镜(值越大越模糊) | number | No | Android IOS | YES | |
-| onLoad | 图片加载成功回调 | Function | No | Android IOS | YES | |
-| resolveAssetSource | 获取本地图片宽高 用法:const img1 = require('./assets/expo.png') let res = Image.resolveAssetSource(img1) | Function | No | Android IOS | YES | |
-| getSize | 获取网略图片尺寸:Image.getSize(uri,(width,height)=>{},(fail)=>{}) | Function | No | Android IOS | YES | |
-| onError | 获取图片资源出错 | Function | No | Android IOS HarmonyOS都不支持 | NO | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76);在原库中作者已经说明Some props are not working |
-| onLoadStart | 资源刚加载时候 | Function | NO | Android IOS HarmonyOS都不支持 | NO | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76);在原库中作者已经说明Some props are not working |
-| onLayout | 资源改变尺寸或者加载时 | Function | NO | Android IOS HarmonyOS都不支持 | NO | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76);在原库中作者已经说明Some props are not working |
-| orginalWidth | 图片原始宽度 | number | NO | Android IOS | YES | |
-| orginalHeight | 图片原始高度 | number | NO | Android IOS | YES | |
+[!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性;no 则表示不支持;partially 表示部分支持。使用方法跨平台一致,效果对标 iOS 或 Android 的效果。
-## 原库已知问题
+| Name | Description | Type | Required | Platform | HarmonyOS Support | Remark |
+| ------------------ | ------------------------------------------------------------ | ------------- | -------- | ----------------------------- | ----------------- | ------------------------------------------------------------ |
+| `style` | 图片宽(width)高(height),边框等样式 | object | yes | Android IOS | YES | 在不加orginalWidth与orginalHeight属性时,style里面必须设置宽width,高height才能把图片加载出来 |
+| `source` | 图片文件源: 本地图片 source={require('./assets/expo.png')};
网略图片 source={{uri:"https://octodex.github.com/images/stormtroopocat.jpg"}} | string | yes | Android IOS | YES | |
+| `width` | 图片style中属性 | number | yes | Android IOS | YES | |
+| `height` | 图片style中属性 | number | yes | Android IOS | YES | |
+| `borderRadius` | 图片样式(圆角) | number | No | Android IOS HarmonyOS都不支持 | NO | 此属性在HarmonyOS,Android ,IOS均不生效;[issues](https://github.com/huiseoul/react-native-fit-image/issues/111) |
+| `indicator` | 加载器值为true/false (默认true) | boolean | No | Android IOS | YES | |
+| `indicatorColor` | 加载器颜色 | string | No | Android IOS | YES | |
+| `indicatorSize` | 加载器大小 值:`large` `small` number(例: indicatorSize={20} ) | string/number | No | Android IOS | YES | |
+| resizeMode | 图片布局 值(cover contain stretch repeat center) `cover`: 在保持图片宽高比的前提下缩放图片,直到宽度和高度都大于等于容器视图的尺寸(如果容器有 padding 内衬的话,则相应减去)。**译注**:这样图片完全覆盖甚至超出容器,容器中不留任何空白。 `contain`: 在保持图片宽高比的前提下缩放图片,直到宽度和高度都小于等于容器视图的尺寸(如果容器有 padding 内衬的话,则相应减去)。**译注**:这样图片完全被包裹在容器中,容器中可能留有空白。 `stretch`: 拉伸图片且不维持宽高比,直到宽高都刚好填满容器。 `repeat`: 重复平铺图片直到填满容器。图片会维持原始尺寸,但是当尺寸超过容器时会在保持宽高比的前提下缩放到能被容器包裹。 `center`: 居中不拉伸。 | string | No | Android IOS | YES | |
+| blurRadius | 图片模糊滤镜(值越大越模糊) | number | No | Android IOS | YES | |
+| onLoad | 图片加载成功回调 | Function | No | Android IOS | YES | |
+| resolveAssetSource | 获取本地图片宽高 用法:const img1 = require('./assets/expo.png') let res = Image.resolveAssetSource(img1) | Function | No | Android IOS | YES | |
+| getSize | 获取网略图片尺寸:Image.getSize(uri,(width,height)=>{},(fail)=>{}) | Function | No | Android IOS | YES | |
+| onError | 获取图片资源出错 | Function | No | Android IOS HarmonyOS都不支持 | NO | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76);在原库中作者已经说明Some props are not working |
+| onLoadStart | 资源刚加载时候 | Function | NO | Android IOS HarmonyOS都不支持 | NO | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76);在原库中作者已经说明Some props are not working |
+| onLayout | 资源改变尺寸或者加载时 | Function | NO | Android IOS HarmonyOS都不支持 | NO | [issues](https://github.com/huiseoul/react-native-fit-image/issues/76);在原库中作者已经说明Some props are not working |
+| orginalWidth | 图片原始宽度 | number | NO | Android IOS | YES | |
+| orginalHeight | 图片原始高度 | number | NO | Android IOS | YES | |
+
+## 遗留问题
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`图片圆角属性,在鸿蒙,ios,安卓均不支持,官方文档互动有提到borderRadius不生效;[issues](https://github.com/huiseoul/react-native-fit-image/issues/111)
## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/huiseoul/react-native-fit-image/blob/master/LICENSE) ,请自由地享受和参与开源。
diff --git a/zh-cn/react-native-intersection-observer.md b/zh-cn/react-native-intersection-observer.md
index ef88f67f..4ca44e86 100644
--- a/zh-cn/react-native-intersection-observer.md
+++ b/zh-cn/react-native-intersection-observer.md
@@ -4,20 +4,20 @@
react-native-intersection-observer
-
+
-
+
-> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-intersection-observer/tree/sig)
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-clippath)
## 安装与使用
-请到三方库的 Releases 发布地址查看配套的版本信息:[<@react-native-oh-library/react-native-intersection-observer> Releases](https://github.com/react-native-oh-library/react-native-intersection-observer/releases),并下载适用版本的 tgz 包。
+请到三方库的 Releases 发布地址查看配套的版本信息:[<@react-native-oh-library/react-native-intersection-observer> Releases](https://github.com/react-native-oh-library/react-native-clippath/releases),并下载适用版本的 tgz 包。
进入到工程目录并输入以下命令:
@@ -99,9 +99,9 @@ export default App;
Props: Inherits [ScrollView Props](https://reactnative.dev/docs/scrollview#props)
-| Name | Description | Type | Default | Require | HarmonyOS Support |
-| ---------- | ------------- | ------------------------------------------------------------ | --------- | ------- | ----------------- |
-| rootMargin | `root margin` | { top: number; left: number; right: number; bottom: number } | undefined | false | yes |
+| Name | Description | Type | Required | HarmonyOS Support |
+| ---------- | ------------- | ------------------------------------------------------------ | -------- | ----------------- |
+| rootMargin | `root margin` | { top: number; left: number; right: number; bottom: number } | false | yes |
Methods: Inherits [ScrollView Methods](https://reactnative.dev/docs/scrollview#methods)
@@ -111,9 +111,9 @@ Methods: Inherits [ScrollView Methods](https://reactnative.dev/docs/scrollview#m
Props: Inherits [FlatList Props](https://reactnative.dev/docs/flatlist#props)
-| Name | Description | Type | Default | Require | HarmonyOS Support |
-| ---------- | ------------- | ------------------------------------------------------------ | --------- | ------- | ----------------- |
-| rootMargin | `root margin` | { top: number; left: number; right: number; bottom: number } | undefined | false | yes |
+| Name | Description | Type | Required | HarmonyOS Support |
+| ---------- | ------------- | ------------------------------------------------------------ | -------- | ----------------- |
+| rootMargin | `root margin` | { top: number; left: number; right: number; bottom: number } | false | yes |
Methods: Inherits [FlatList Methods](https://reactnative.dev/docs/flatlist#methods)
@@ -121,12 +121,12 @@ Methods: Inherits [FlatList Methods](https://reactnative.dev/docs/flatlist#metho
#### 此组件有以下属性:
-| Name | Description | Type | Default | Require | HarmonyOS Support |
-| ----------- | ----------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | ------- | ------- | ----------------- |
-| as | `Render the wrapping element as this element. Defaults to `View`.` | `ComponentType` | View | false | yes |
-| children | Children expects a plain child, to have the `` deal with the wrapping element. | ReactNode | | true | yes |
-| triggerOnce | Only trigger this method once. | boolean | false | false | yes |
-| onChange | Call this function whenever the in view state changes. It will receive the `inView` boolean, alongside the current `IntersectionObserverEntry`. | `(inView: boolean) => void` | | false | yes |
+| Name | Description | Type | Required | HarmonyOS Support |
+| ----------- | ------------------------------------------------------------ | --------------------------- | -------- | ----------------- |
+| as | `Render the wrapping element as this element. Defaults to `View`.` | `ComponentType` | false | yes |
+| children | Children expects a plain child, to have the `` deal with the wrapping element. | ReactNode | true | yes |
+| triggerOnce | Only trigger this method once. | boolean | false | yes |
+| onChange | Call this function whenever the in view state changes. It will receive the `inView` boolean, alongside the current `IntersectionObserverEntry`. | `(inView: boolean) => void` | false | yes |
## 遗留问题
@@ -134,4 +134,4 @@ 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/react-native-oh-library/react-native-clippath/blob/sig/LICENSE) ,请自由地享受和参与开源。
--
Gitee
From 56755e86d1944c88eb67fdccdb21bc3fd60304d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E6=B5=A9?=
Date: Wed, 8 May 2024 16:41:18 +0800
Subject: [PATCH 3/4] =?UTF-8?q?[Issues:=20#I9N5CA]=20=E4=BF=AE=E6=94=B9?=
=?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E4=B8=AD=E7=9A=84=E7=89=88?=
=?UTF-8?q?=E6=9C=AC=E5=8F=8A=E5=85=B6=E4=BB=96=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
zh-cn/react-native-clippath.md | 235 +++++++++++++++++++++++++++++++++
1 file changed, 235 insertions(+)
create mode 100644 zh-cn/react-native-clippath.md
diff --git a/zh-cn/react-native-clippath.md b/zh-cn/react-native-clippath.md
new file mode 100644
index 00000000..ed792e92
--- /dev/null
+++ b/zh-cn/react-native-clippath.md
@@ -0,0 +1,235 @@
+> 模板版本:v0.2.0
+
+
+
react-native-clippathview
+
+
+
+
+
+
+
+> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-clippath)
+
+## 安装与使用
+
+请到三方库的 Releases 发布地址查看配套的版本信息:[@react-native-oh-library/react-native-clippath Releases](https://github.com/react-native-oh-library/react-native-clippath/releases),并下载适用版本的 tgz 包。
+
+进入到工程目录并输入以下命令:
+
+> [!TIP] # 处替换为 tgz 包的路径
+
+
+
+#### **npm**
+
+```bash
+npm install @react-native-oh-tpl/clip-path@file:#
+```
+
+#### **yarn**
+
+```bash
+yarn add @react-native-oh-tpl/clip-path@file:#
+```
+
+
+
+下面的代码展示了这个库的基本使用场景:
+
+```jsx
+import { View, Text, ScrollView } from 'react-native'
+import React from 'react'
+import { ClipPathView } from 'react-native-clippathview'
+
+export default function index() {
+ const viewBox = [0, 0, 400, 400]
+ const path = "M 0 0 L 400 0 L 0 400 L 400 400 Z"
+
+ return (
+
+
+ MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
+
+
+ )
+}
+
+```
+
+## 兼容性
+
+在以下版本验证通过
+
+- RNOH:0.72.20;
+- SDK:HarmonyOS-NEXT-DP2;
+- IDE:DevEco Studio 5.0.3.29;
+- ROM:205.0.0.18;
+
+## Link
+
+目前鸿蒙暂不支持 AutoLink,所以 Link 步骤需要手动配置。
+
+首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony`
+
+### 引入原生端代码
+
+目前有两种方法:
+
+1. 通过 har 包引入(在 IDE 完善相关功能后该方法会被遗弃,目前首选此方法);
+2. 直接链接源码。
+
+方法一:通过 har 包引入
+
+> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`,添加以下依赖
+
+```json
+"dependencies": {
+ "rnoh": "file:../rnoh",
+ "rnoh-clip-path": "file:../../node_modules/@react-native-oh-tpl/clip-path/harmony/clip_path.har",
+}
+```
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行:
+
+```bash
+cd entry
+ohpm install
+```
+
+方法二:直接链接源码
+
+> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。
+
+打开 `entry/oh-package.json5`,添加以下依赖
+
+```json
+"dependencies": {
+ "rnoh": "file:../rnoh",
+ "rnoh-clip-path": "file:../../node_modules/@react-native-oh-tpl/clip-path/harmony/clip_path",
+ }
+```
+
+打开终端,执行:
+
+```bash
+cd entry
+ohpm install --no-link
+```
+
+### 在 ArkTs 侧引入 ClipPath 组件
+
+找到 **function buildCustomComponent()**,一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`,添加:
+
+```diff
+...
++ import { ClipPath } from 'rnoh-clip-path';
+
+@Builder
+function buildCustomComponent(ctx: ComponentBuilderContext) {
+ if (ctx.componentName === SAMPLE_VIEW_TYPE) {
+ SampleView({
+ ctx: ctx.rnComponentContext,
+ tag: ctx.tag,
+ buildCustomComponent: buildCustomComponent
+ })
+ }
++ else if (ctx.componentName === ClipPath.NAME) {
++ ClipPath({
++ ctx: ctx.rnComponentContext,
++ tag: ctx.tag,
++ })
++ }
+ ...
+}
+...
+```
+
+### 在 ArkTs 侧引入 ClipPathPackage
+
+打开 `entry/src/main/ets/RNPackagesFactory.ts`,添加:
+
+```diff
+import type {RNPackageContext, RNPackage} from 'rnoh/ts';
+import {SamplePackage} from 'rnoh-sample-package/ts';
++ import { ClipPathPackage } from 'rnoh-clip-path/ts'
+
+export function createRNPackages(ctx: RNPackageContext): RNPackage[] {
+ return [
+ new SamplePackage(ctx),
++ new ClipPathPackage(ctx)
+ ];
+}
+```
+
+### 运行
+
+点击右上角的 `sync` 按钮
+
+或者在终端执行:
+
+```bash
+cd entry
+ohpm install
+```
+
+然后编译、运行即可。
+
+
+## 属性
+| Name | Description | Type | Required | Platform | HarmonyOS Support |
+|----------------------|--------------------------------------------------------------------------------------------------------------|-------------------|----------|-------------|-------------------|
+| svgKey | 唯一key | string | No | IOS/Android | Yes |
+| d | 形状由一系列命令定义(svg path data) | string | No | IOS/Android | Yes |
+| viewBox | 定义用户空间中的位置和维度 | Array(4) | No | IOS/Android | Yes |
+| align | preserveAspectRatio 属性的 align | string | No | IOS/Android | No |
+| aspect | preserveAspectRatio 属性的 meetOrSlice | meet/slice/none | No | IOS/Android | No |
+| fillRule | 路径内部填充规则 | nonzero/evenodd | No | IOS/Android | No |
+| strokeWidth | 路径描边宽度 | number | No | IOS/Android | Yes |
+| strokeCap | 开放路径两端的形状 | butt/round/square | No | IOS/Android | Yes |
+| strokeJoin | 路径转角处使用的形状 | bevel/miter/round | No | IOS/Android | Yes |
+| strokeMiter | strokeJoin值是miter,设置夹角延伸 | number | No | IOS/Android | Yes |
+| strokeStart | IOS CAShapeLayer 描线开始的地方占总路径的百分比。默认值是0。 | number | No | IOS/Android | No |
+| strokeEnd | IOS CAShapeLayer 表示绘制结束的地方站总路径的百分比。默认值是1,如果小于等于strokeStart 则绘制不出任何内容。 | number | No | IOS/Android | No |
+| translateZ | 设置定位层级,相当于index | number | No | IOS/Android | Yes |
+| transX | 在二维平面上水平方向移动元素 | number | No | IOS/Android | Yes |
+| transY | 在二维平面上垂直方向移动元素 | number | No | IOS/Android | Yes |
+| transPercentageValue | transX、transY 使用百分比 | boolean | No | IOS/Android | Yes |
+| rot | 元素围绕一个定点旋转 | number | No | IOS/Android | Yes |
+| rotOx | 旋转中心点水平位置 | number | No | IOS/Android | Yes |
+| rotOy | 旋转中心点垂直位置 | number | No | IOS/Android | Yes |
+| rotPercentageValue | rotOx、rotOy 使用百分比 | boolean | No | IOS/Android | Yes |
+| sc | 放大或缩小元素 | number | No | IOS/Android | Yes |
+| scX | 水平缩放 | number | No | IOS/Android | Yes |
+| scY | 垂直缩放 | number | No | IOS/Android | Yes |
+| scO | 缩放中心点位置 | number | No | IOS/Android | Yes |
+| scOx | 缩放中心点水平位置 | number | No | IOS/Android | Yes |
+| scOy | 缩放中心点垂直位置 | number | No | IOS/Android | Yes |
+| scPercentageValue | scO、scOx、scOy使用百分比 | boolean | No | IOS/Android | Yes |
+
+
+
+## 遗留问题
+部分属性目前版本暂不支持,具体参考属性表格 `HarmonyOS ` 列。
+
+## 其他
+
+## 开源协议
+
+本项目基于 [MIT License](https://github.com/react-native-oh-library/react-native-clippath/blob/sig/LICENSE) ,请自由地享受和参与开源。
+
+
+
+
+
+
+
+
+
+
+
+------------------------------------------------------------
--
Gitee
From 3c29d69b9136a5142a601dcf9a9911bf6574a33e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E6=B5=A9?=
Date: Wed, 8 May 2024 17:30:20 +0800
Subject: [PATCH 4/4] =?UTF-8?q?[Issues:=20#I9N5CA]=20=E4=BF=AE=E6=94=B9?=
=?UTF-8?q?=E6=8C=87=E5=AF=BC=E6=96=87=E6=A1=A3=E4=B8=AD=E7=9A=84=E7=89=88?=
=?UTF-8?q?=E6=9C=AC=E5=8F=8A=E5=85=B6=E4=BB=96=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
1224/react-native-intersection-observer.md | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/1224/react-native-intersection-observer.md b/1224/react-native-intersection-observer.md
index 17c5a86f..233f42b1 100644
--- a/1224/react-native-intersection-observer.md
+++ b/1224/react-native-intersection-observer.md
@@ -1,4 +1,4 @@
-> 模板版本:v0.1.3
+> 模板版本:v0.2.0
react-native-intersection-observer
--
Gitee