diff --git a/1224/dayJs.md b/1224/dayJs.md index 750ec95404d3353beb2442750c00c6415fa49923..f93ee86fe3d6a30782d0a52f503bfae504bef7d9 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 db91beb78264e58bb65fdb346dbd75feea859a1f..0ce2ee76ab750c8ac89fe781cd04b6b282634787 100644 --- a/1224/jsbarcode.md +++ b/1224/jsbarcode.md @@ -1,4 +1,4 @@ -> 模板版本：v0.1.3 +> 模板版本：v0.2.0

JsBarCode

@@ -20,7 +20,7 @@ #### **npm** ```bash -npm install jsbarcode --save@3.11.6 +npm install jsbarcode@3.11.6 --save ``` #### **yarn** @@ -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 4e2b4fdbffef985ffce0c188c38d1219484ade62..f20ede3f0868918c6b5f49937eef8eb961320971 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 665a2918ba32d2943fb24942115f852d0e635000..c0ce8e57ae4f6aaad9f930c719e20f513d6b5af7 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 edbc82e8ddb79b33393db3f4ac0063383fda3077..c99289618e546596a5942d2696ab103b820533f5 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 0c6bf11880fe53f1e7581428bd7c4925f0481076..aa8debbf3b2b78f48328aaf097061c8c9c471523 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 ebea50a3b20726a39b31cf53a8b4e97c2c5bdad8..73b4b7e798523e6f14d1292c04c505b5a199f418 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 0d5ea46a6353a91b7b9554b98ab3703cd8268493..fc07167083e94befea78ae59300a44f19ca216aa 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

@@ -10,8 +10,6 @@

- - > [!TIP] [Github 地址](https://github.com/huiseoul/react-native-fit-image) ## 安装与使用 @@ -37,243 +35,372 @@ yarn add react-native-fit-image@1.5.5 下面的代码展示了这个库的基本使用场景： ```tsx -import React,{useState,useEffect} from 'react' -import {View,StyleSheet,Text,ScrollView,SafeAreaView,Image,Button} from "react-native" -import FitImage from "react-native-fit-image" +import React, { useState, useEffect } from "react"; +import { + View, + StyleSheet, + Text, + ScrollView, + SafeAreaView, + Image, + Button, +} from "react-native"; +import FitImage from "react-native-fit-image"; var styles = StyleSheet.create({ - fitImage:{ - borderRadius:20, - borderColor:'red', - borderWidth:1 - }, - fitImageWithSize:{ - height:200, - width:'100%' - } + fitImage: { + borderRadius: 20, + borderColor: "red", + borderWidth: 1, + }, + fitImageWithSize: { + height: 200, + width: "100%", + }, }); -const FitImageDemo=()=>{ - // 测试onLoad - const [onLoadDatea,setOnLoad] = useState('初始onLoad未执行') - // 测试onError - const [onErrorDatea,setOnError] = useState('初始onError未执行') - // 测试onLoadStart - const [onLoadStartDatea,setOnLoadStart] = useState('未执行前onLoadStart未执行') - // 测试onLayOut - const [onLayOutData,setOnLayout] = useState('未执行前onLayout未执行') - // 刷新按钮 - const [refLoadData,setRefLoadBtn] = useState(true) - // 获取本地图片尺寸 - const [imgSizeNum,getImageSizeNum] = useState({width:0,height:0}) - const img1 = require('./assets/expo.png') - const getImageSize = ()=>{ - let res = Image.resolveAssetSource(img1) - getImageSizeNum({width:res.width,height:res.height}) - } - // 获取网络图片尺寸 - const imgHttp={uri:"https://octodex.github.com/images/stormtroopocat.jpg"} - const [imgHttpSize,getHttpSizeNum] = useState({width:0,height:0}) - // 刷新 - const [reshUiData,setReshUi] = useState(0) - useEffect(() => {; - getReloadFres() - }, []); - const getReloadFres =()=>{ - // http远程文件 - Image.getSize(imgHttp.uri, (width,height) => { - getHttpSizeNum({ width,height }); - }, - (failure) => { console.log('failure', failure)}); - } - // 刷新 - const reLoadFun = () =>{ - setRefLoadBtn(false) - setReshUi(reshUiData+1) - getImageSizeNum({width:0,height:0}) - getHttpSizeNum({width:0,height:0}) - setRefLoadBtn(true) - getReloadFres() - } - return ( - - - {/* button刷新按钮方便压力测试 */} - - {refLoadData&&( - - 刷新了{reshUiData}次 - - 测试onLoad - {onLoadDatea} - {console.log('执行了onLoad'); setOnLoad('执行了onLoad')}} - style={styles.fitImageWithSize} source={require('./assets/expo.png')} /> - - - 测试base64图片 - - - - 测试属性originalWidth，originalHeight（在不加宽度高度的情况下） - - - - 不加originalWidth，originalHeight和不加宽度高度的情况下 - - - - 不加originalWidth，originalHeight但是加宽度高度的情况下 - - - - 不加originalWidth，originalHeight但是加宽度高度的情况下的网络图片 - - - - 加originalWidth，originalHeight但是不加宽度高度的情况下的网络图片 - - - - 同时加originalWidth，originalHeight和宽度高度的情况下 - - - - - indicator(加载器 为true) indicatorColor(加载器颜色) indicatorSize(值：large small number) - 值为：large - - - - indicator(加载器 为true) indicatorColor(加载器颜色) indicatorSize(值：large small number) - small - - - - indicator(加载器 为true) indicatorColor(加载器颜色) indicatorSize(值：large small number) - number:值越大指示器越大 - - - - indicator(加载器 为false) - number:值越大指示器越大 - - - - - 验证网络图片 - - - - 获取本地图片宽高 - - 宽度：{imgSizeNum.width},高度：{imgSizeNum.height} - - - - 验证网络图片宽高 - 宽度：{imgHttpSize.width},高度：{imgHttpSize.height} - - - - 验证图片圆角 - - - - 测试resizeMode(cover contain stretch repeat center)，值为cover - - - - 测试resizeMode(cover contain stretch repeat center)，值为contain - - - - 测试resizeMode(cover contain stretch repeat center)，值为stretch - - - - 测试resizeMode(cover contain stretch repeat center)，值为repeat - - - - 测试resizeMode(cover contain stretch repeat center)，值为center - - - - - 测试onError - {onErrorDatea} - {console.log('执行了onError'); setOnError('执行了onError')}} - style={styles.fitImageWithSize} source={{uri:'https://ok.gitHub.io123.png'}} /> - - - 测试onLoadStart - {onLoadStartDatea} - {console.log('执行了onLoadStart');setOnLoadStart('执行了onLoadStart')}} - style={{...styles.fitImageWithSize,borderRadius:20}} source={require('./assets/expo.png')} /> - - - 测试onLayOut - {onLayOutData} - {console.log('执行了onLayout');setOnLayout('执行了onLayout')}} - style={{...styles.fitImageWithSize,borderRadius:20}} source={require('./assets/expo.png')} /> - - - 测试blurRadius(模糊滤镜，值越大越模糊) - - - - )} - {!refLoadData&&( - - - 加载中。。。。。。 - - - )} - - - ) -} +const FitImageDemo = () => { + // 测试onLoad + const [onLoadDatea, setOnLoad] = useState("初始onLoad未执行"); + // 测试onError + const [onErrorDatea, setOnError] = useState("初始onError未执行"); + // 测试onLoadStart + const [onLoadStartDatea, setOnLoadStart] = + useState("未执行前onLoadStart未执行"); + // 测试onLayOut + const [onLayOutData, setOnLayout] = useState("未执行前onLayout未执行"); + // 刷新按钮 + const [refLoadData, setRefLoadBtn] = useState(true); + // 获取本地图片尺寸 + const [imgSizeNum, getImageSizeNum] = useState({ width: 0, height: 0 }); + const img1 = require("./assets/expo.png"); + const getImageSize = () => { + let res = Image.resolveAssetSource(img1); + getImageSizeNum({ width: res.width, height: res.height }); + }; + // 获取网络图片尺寸 + const imgHttp = { + uri: "https://octodex.github.com/images/stormtroopocat.jpg", + }; + const [imgHttpSize, getHttpSizeNum] = useState({ width: 0, height: 0 }); + // 刷新 + const [reshUiData, setReshUi] = useState(0); + useEffect(() => { + getReloadFres(); + }, []); + const getReloadFres = () => { + // http远程文件 + Image.getSize( + imgHttp.uri, + (width, height) => { + getHttpSizeNum({ width, height }); + }, + (failure) => { + console.log("failure", failure); + }, + ); + }; + // 刷新 + const reLoadFun = () => { + setRefLoadBtn(false); + setReshUi(reshUiData + 1); + getImageSizeNum({ width: 0, height: 0 }); + getHttpSizeNum({ width: 0, height: 0 }); + setRefLoadBtn(true); + getReloadFres(); + }; + return ( + + + {/* button刷新按钮方便压力测试 */} + + {refLoadData && ( + + 刷新了{reshUiData}次 + + 测试onLoad + {onLoadDatea} + { + console.log("执行了onLoad"); + setOnLoad("执行了onLoad"); + }} + style={styles.fitImageWithSize} + source={require("./assets/expo.png")} + /> + + + 测试base64图片 + + + + + 测试属性originalWidth，originalHeight（在不加宽度高度的情况下） + + + + + + 不加originalWidth，originalHeight和不加宽度高度的情况下 + + + + + + 不加originalWidth，originalHeight但是加宽度高度的情况下 + + + + + + 不加originalWidth，originalHeight但是加宽度高度的情况下的网络图片 + + + + + + 加originalWidth，originalHeight但是不加宽度高度的情况下的网络图片 + + + + + 同时加originalWidth，originalHeight和宽度高度的情况下 + + + + + + indicator(加载器 为true) indicatorColor(加载器颜色) + indicatorSize(值：large small number) + + 值为：large + + + + + indicator(加载器 为true) indicatorColor(加载器颜色) + indicatorSize(值：large small number) + + small + + + + + indicator(加载器 为true) indicatorColor(加载器颜色) + indicatorSize(值：large small number) + + number:值越大指示器越大 + + + + indicator(加载器 为false) + number:值越大指示器越大 + + + + + 验证网络图片 + + + + 获取本地图片宽高 + + + 宽度：{imgSizeNum.width},高度：{imgSizeNum.height} + + + + + 验证网络图片宽高 + + 宽度：{imgHttpSize.width},高度：{imgHttpSize.height} + + + + + 验证图片圆角 + + + + + 测试resizeMode(cover contain stretch repeat center)，值为cover + + + + + + 测试resizeMode(cover contain stretch repeat center)，值为contain + + + + + + 测试resizeMode(cover contain stretch repeat center)，值为stretch + + + + + + 测试resizeMode(cover contain stretch repeat center)，值为repeat + + + + + + 测试resizeMode(cover contain stretch repeat center)，值为center + + + + + + 测试onError + {onErrorDatea} + { + console.log("执行了onError"); + setOnError("执行了onError"); + }} + style={styles.fitImageWithSize} + source={{ uri: "https://ok.gitHub.io123.png" }} + /> + + + 测试onLoadStart + {onLoadStartDatea} + { + console.log("执行了onLoadStart"); + setOnLoadStart("执行了onLoadStart"); + }} + style={{ ...styles.fitImageWithSize, borderRadius: 20 }} + source={require("./assets/expo.png")} + /> + + + 测试onLayOut + {onLayOutData} + { + console.log("执行了onLayout"); + setOnLayout("执行了onLayout"); + }} + style={{ ...styles.fitImageWithSize, borderRadius: 20 }} + source={require("./assets/expo.png")} + /> + + + 测试blurRadius(模糊滤镜，值越大越模糊) + + + + )} + {!refLoadData && ( + + 加载中。。。。。。 + + )} + + + ); +}; export default FitImageDemo; ``` @@ -281,24 +408,26 @@ 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; ## 属性 -| 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-image-viewing.md b/1224/react-native-image-viewing.md index b2e5137e58213b0641e5728ff2572c24b8744477..337ac2d94f6fa11304efbb1355f31894cfdc3e96 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 d3e7ff691fc0c8fb191de35ae2cea4d03fb0211a..2f121e959cca2af9c4e34508e4587152ac8e67bf 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 8e3369015b650edbf4ce55e64aea497aad0f6ca4..233f42b15b407daeb24e4a732b26c27e597f3c9a 100644 --- a/1224/react-native-intersection-observer.md +++ b/1224/react-native-intersection-observer.md @@ -1,23 +1,23 @@ -> 模板版本：v0.1.3 +> 模板版本：v0.2.0

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 包。 进入到工程目录并输入以下命令： @@ -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; #### 组件及属性 @@ -100,9 +100,9 @@ RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1 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/1224/react-native-pull.md b/1224/react-native-pull.md index 3c9d48e3d6a0fa0b7dcca7cdd7ba4a838b51518d..85ee3a46027158ae95647ec01a1b9a960136fc08 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 8252c0ae12327c5fe48d617ccf12fbddf3c320a1..fd527986b91fba6765d5f649537eeda174d82750 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 9cdff16a85f225e0b246f28d27ba12be05513689..2f6e7caf61bae3a9dc2f6febe4223a92e99eb2b8 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/README.md b/README.md index a702a7df57db9820c93548d422390e10f1ff2303..7b8f84babe680282283fa4d3fa4a47d5116b3cf6 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 4270ba446a69e9d8c80c2352510d368270c531e6..c9e42e32c71f908eea7c83f2debe0d2411b23fca 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/EventBus.md b/zh-cn/EventBus.md index 9f94ec7a19fac92e19fe82564fa092a851944723..ecfd097a95d1c6d94629b63d15fa448c86e13d0e 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/README.md b/zh-cn/README.md index 137cb16c7b637254116751582c3d2fb0331e33c5..85a2f274fd0e9de141685712e4d6353928f14411 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/dayJs.md b/zh-cn/dayJs.md index 0937160203bbfc420e38b658a660dfe6e4b8725b..e1a20d8feb238e35fa2c84040c3c93594911c679 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 0de2d15c89dc73b8b7dd99874bdb3b9ef42d2fef..891066662d6549424f6c83c37712c1a6f0e946f9 100644 --- a/zh-cn/jsbarcode.md +++ b/zh-cn/jsbarcode.md @@ -1,4 +1,4 @@ -> 模板版本：v0.1.3 +> 模板版本：v0.2.0

JsBarCode

@@ -20,7 +20,7 @@ #### **npm** ```bash -npm install jsbarcode --save@3.11.6 +npm install jsbarcode@3.11.6 --save ``` #### **yarn** @@ -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 3b0902769810652e8945900629cae20aee8a478e..60b05097089fc5ac908cdfe60319f1bb43ff4fe0 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 94ff52bd44202ab1016a69a40a6d40a2d872f29b..4c3965157f06dca82b6cf67ea2f23479981376d1 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 02081cb54af7f268845e5671c5dff48878e4dd24..92161b2c3ff059314920e7aec72e915502af9a3f 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} + +