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} + + - {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

- + Supported platforms - + License

-> [!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

- + Supported platforms - + License

-> [!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

+

+

+ + License + +

+ +> [!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