From 4e61112d417148ea2f48612c476cc965ea388c1a Mon Sep 17 00:00:00 2001 From: luoying Date: Fri, 19 Apr 2024 15:39:01 +0800 Subject: [PATCH] =?UTF-8?q?[Issues:=20#I9I3AB]=201224=E6=96=87=E6=A1=A3?= =?UTF-8?q?=E8=BF=81=E7=A7=BB=E5=88=B0zh=5Fcn?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 279 ++++---- _sidebar.md | 246 +++---- zh-cn/README.md | 281 ++++---- zh-cn/react-native-MJRefresh.md | 284 ++++++++ zh-cn/react-native-aria.md | 568 +++++++++++++++ zh-cn/react-native-drag-sort.md | 645 ++++++++++++++++++ zh-cn/react-native-fs.md | 365 ++++++++++ ...react-native-keyboard-aware-scroll-view.md | 134 ++++ zh-cn/react-native-permissions.md | 432 ++++++++++++ zh-cn/react-native-progress.md | 226 ++++++ zh-cn/react-native-reanimated-carousel.md | 327 +++++++++ zh-cn/react-native-sound.md | 338 +++++++++ zh-cn/react-native-text-size.md | 414 +++++++++++ zh-cn/react-native-toolbar-android.md | 311 +++++++++ zh-cn/react-redux.md | 177 +++++ zh-cn/react-router-dom.md | 106 +++ zh-cn/redux-actions.md | 306 +++++++++ zh-cn/redux-thunk.md | 157 +++++ 18 files changed, 5216 insertions(+), 380 deletions(-) create mode 100644 zh-cn/react-native-MJRefresh.md create mode 100644 zh-cn/react-native-aria.md create mode 100644 zh-cn/react-native-drag-sort.md create mode 100644 zh-cn/react-native-fs.md create mode 100644 zh-cn/react-native-keyboard-aware-scroll-view.md create mode 100644 zh-cn/react-native-permissions.md create mode 100644 zh-cn/react-native-progress.md create mode 100644 zh-cn/react-native-reanimated-carousel.md create mode 100644 zh-cn/react-native-sound.md create mode 100644 zh-cn/react-native-text-size.md create mode 100644 zh-cn/react-native-toolbar-android.md create mode 100644 zh-cn/react-redux.md create mode 100644 zh-cn/react-router-dom.md create mode 100644 zh-cn/redux-actions.md create mode 100644 zh-cn/redux-thunk.md diff --git a/README.md b/README.md index 99c9ba60..1753b695 100644 --- a/README.md +++ b/README.md @@ -1,133 +1,148 @@ -> [!WARNING] 本文档仅用于三方库使用指导，不涉及任何 React Native OpenHarmony 框架的信息，且会随着 React Native OpenHarmony 框架持续迭代更新，当前版本不代表最终展示版本。 - -# 简介 - -> 如果你在找如何搭建环境的文档，请移步开发文档的 [搭建开发环境](https://react-native-oh-library.gitee.io/docs/#/zh-cn/environment) 章节。 - -## 概述 - -该文档旨在帮助开发者在 HarmonyOS 平台使用 React Native OpenHarmony 的第三方库，并呈现每个三方库的信息。 - -## 贡献文档 - -欢迎您参与贡献，我们鼓励开发者以各种方式参与文档反馈和贡献。 - -您可以对现有文档进行评价、简单更改、反馈文档质量问题、贡献您的原创内容，详细请参考[贡献文档](/zh-cn/contribute.md)。 - -## RNOH 三方库总览 - ->[!tip] NPM 公仓坐标：@react-native-oh-tpl - -| 序号 | 原库名 | 原库基线版本 | 原库是否支持新架构 | Releases | 文档链接 | -| :--: | :--------------------------------------: | :-----------: | :-------: | :--------------------------------------: | :--------------------------------------: | -| 1 | [@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) | [链接](/zh-cn/react-native-async-storage-async-storage.md) | -| 2 | [@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) | [链接](/zh-cn/react-native-clipboard-clipboard.md) | -| 3 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-datetimepicker.md) | -| 4 | [@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) | [链接](/zh-cn/shopify-flash-list.md) | -| 5 | [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) | [链接](/zh-cn/lottie-react-native.md) | -| 6 | [@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) | [链接](/zh-cn/react-native-picker-picker.md) | -| 7 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-progress-bar-android.md) | -| 8 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-checkbox.md) | -| 9 | [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) | [链接](/zh-cn/react-native-exception-handler.md) | -| 10 | [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) | [链接](/zh-cn/react-native-fast-image.md) | -| 11 | [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-gesture-handler/releases) | [链接](/zh-cn/react-native-gesture-handler.md) | -| 12 | [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) | [链接](/zh-cn/react-native-image-picker.md) | -| 13 | [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) | [链接](/zh-cn/react-native-linear-gradient.md) | -| 14 | [@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) | [链接](/zh-cn/react-native-masked-view-masked-view.md) | -| 15 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-netinfo.md) | -| 16 | [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) | [链接](/zh-cn/react-native-pager-view.md) | -| 17 | [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) | [链接](/zh-cn/react-native-safe-area-context.md) | -| 18 | [react-native-screens](https://github.com/software-mansion/react-native-screens) | 3.29.0 | 是 | [react-native-screens](https://github.com/software-mansion/react-native-screens/releases) | [链接](/zh-cn/react-native-screens.md) | -| 19 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-slider.md) | -| 20 | [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) | [链接](/zh-cn/react-native-SmartRefreshLayout.md) | -| 21 | [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) | [链接](/zh-cn/react-native-svg.md) | -| 22 | [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) | [链接](/zh-cn/react-native-tab-view.md) | -| 23 | [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) | [链接](/zh-cn/react-native-video.md) | -| 24 | [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) | [链接](/zh-cn/react-native-webview.md) | -| 25 | [@react-navigation/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) | [链接](/zh-cn/react-navigation-elements.md) | -| 26 | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0) | 4.2.0 | - | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0) | [链接](/zh-cn/crypto-js.md) | -| 27 | [deepmerge](https://github.com/TehShrike/deepmerge) | 4.3.1 | - | [deepmerge](https://github.com/TehShrike/deepmerge/releases) | [链接](/zh-cn/deepmerge.md) | -| 28 | [htmlparser2](https://github.com/fb55/htmlparser2) | 9.1.0 | - | [htmlparser2](https://github.com/fb55/htmlparser2/releases) | [链接](/zh-cn/htmlparser2.md) | -| 29 | [js-beautify](https://github.com/beautifier/js-beautify) | 1.14.9 | - | [js-beautify](https://github.com/beautifier/js-beautify/releases) | [链接](/zh-cn/js-beautify) | -| 30 | [lodash](https://github.com/lodash/lodash/tree/4.17.21) | 4.17.21 | - | [lodash](https://github.com/lodash/lodash//releases) | [链接](/zh-cn/lodash.md) | -| 31 | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0) | 7.6.0 | - | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0) | [链接](/zh-cn/mobx-react.md) | -| 32 | [mobx](https://github.com/mobxjs/mobx/tree/mobx%406.10.0) | 6.10.0 | - | [mobx](https://github.com/mobxjs/mobx/tree/mobx%406.10.0) | [链接](/zh-cn/mobx.md) | -| 33 | [parse5](https://github.com/inikulin/parse5) | 7.1.2 | - | [parse5](https://github.com/inikulin/parse5/releases) | [链接](/zh-cn/parse5.md) | -| 34 | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1) | 15.8.1 | - | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1) | [链接](/zh-cn/prop-types.md) | -| 35 | [react-i18next](https://github.com/i18next/react-i18next) | 8.6.3 | - | [react-i18next](https://github.com/i18next/react-i18next/releases) | [链接](/zh-cn/react-i18next.md) | -| 36 | [react-native-action-button](https://github.com/mastermoo/react-native-action-button) | 2.8.5 | - | [react-native-action-button](https://github.com/mastermoo/react-native-action-button/releases) | [链接](/zh-cn/react-native-action-button.md) | -| 37 | [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) | [链接](/zh-cn/react-native-autoheight-webview.md) | -| 38 | [@react-native-camera-roll/camera-roll](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) | [链接](/zh-cn/react-native-cameraroll.md) | -| 39 | [@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) | [链接](/zh-cn/react-native-masked-view-masked-view.md) | -| 40 | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view) | 1.4.2 | 是 | [@react-native-community/progress-view](https://github.com/react-native-oh-library/progress-view/releases) | [链接](/zh-cn/react-native-community-progress-view.md) | -| 41 | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control) | 2.5.0 | - | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control/releases) | [链接](/zh-cn/react-native-community-segmented-control.md) | -| 42 | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv) | 3.4.9 | - | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv/releases) | [链接](/zh-cn/react-native-dotenv.md) | -| 43 | [@react-native-community/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) | [链接](/zh-cn/react-native-geolocation.md) | -| 44 | [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) | [链接](/zh-cn/react-native-qrcode-svg.md) | -| 45 | [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) | [链接](/zh-cn/react-native-reanimated.md) | -| 46 | [react-native-render-html](https://github.com/meliorence/react-native-render-html) | 6.3.4 | - | [react-native-render-html](https://github.com/meliorence/react-native-render-html/releases) | [链接](/zh-cn/react-native-render-html.md) | -| 47 | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout) | 2.2.3 | - | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout/releases) | [链接](/zh-cn/react-native-section-list-get-item-layout.md) | -| 48 | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) | 10.0.3 | - | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons/releases) | [链接](/zh-cn/react-native-vector-icons.md) | -| 49 | [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) | [链接](/zh-cn/react-native-view-shot.md) | -| 50 | [ @react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs) | 6.5.11 | - | [ @react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs) | [链接](/zh-cn/react-navigation-bottom-tabs.md) | -| 51 | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native) | 6.1.9 | - | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native/) | [链接](/zh-cn/react-navigation-native.md) | -| 52 | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack) | 6.3.19 | - | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack) | [链接](/zh-cn/react-navigation-stack.md) | -| 53 | [recyclerlistview](https://github.com/Flipkart/recyclerlistview) | 4.2.0 | - | [recyclerlistview](https://github.com/Flipkart/recyclerlistview/releases) | [链接](/zh-cn/recyclerListView.md) | -| 54 | [rn-placeholder](https://github.com/mfrachet/rn-placeholder) | 3.0.3 | - | [rn-placeholder](https://github.com/mfrachet/rn-placeholder/releases) | [链接](/zh-cn/rn-placeholder.md) | -| 55 | [styled-components](https://github.com/styled-components/styled-components) | 6.1.8 | - | [styled-components](https://github.com/styled-components/styled-components/releases) | [链接](/zh-cn/styled-components.md) | -| 56 | [styled-system](https://github.com/react-native-picker/picker) | 5.1.5 | - | [styled-system](https://github.com/styled-system/styled-system) | [链接](/zh-cn/styled-system.md) | -| 57 | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider) | 0.11.0 | - | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/releases) | [链接](/zh-cn/jeanregisser-react-native-slider.md) | -| 58 | [js-beautify](https://github.com/beautifier/js-beautify) | 1.15.1 | - | [js-beautify](https://github.com/beautifier/js-beautify/releases) | [链接](/zh-cn/js-beautify.md) | -| 59 | [react-native-base64](https://github.com/eranbo/react-native-base64) | 0.2.1 | - | [react-native-base64](https://github.com/eranbo/react-native-base64/releases) | [链接](/zh-cn/react-native-base64.md) | -| 60 | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box) | 2.1.0 | - | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box/releases) | [链接](/zh-cn/react-native-check-box.md) | -| 61 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-blur.md) | -| 62 | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios) | 1.11.0 | 否 | [@react-native-community/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases) | [链接](/zh-cn/react-native-community-push-notification-ios.md) | -| 63 | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies) | 6.2.1 | 否 | [@react-native-cookies/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases) | [链接](/zh-cn/react-native-cookies.md) | -| 64 | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js) | 1.0.0 | - | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js/releases) | [链接](/zh-cn/react-native-crypto-js.md) | -| 65 | [react-native-maps](https://github.com/react-native-maps/react-native-maps) | 1.10.3 | 是 | [react-native-maps](https://github.com/react-native-maps/react-native-maps/releases) | [链接](/zh-cn/react-native-maps.md) | -| 66 | [react-native-pdf](https://github.com/wonday/react-native-pdf) | 6.7.4 | 是 | [react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases) | [链接](/zh-cn/react-native-pdf.md) | -| 67 | [react-native-redash](https://github.com/wcandillon/react-native-redash/) | 18.1.3 | - | [react-native-redash](https://github.com/wcandillon/react-native-redash/releases) | [链接](/zh-cn/react-native-redash.md) | -| 68 | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel) | 3.9.1 | - | [react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases) | [链接](/zh-cn/react-native-snap-carousel.md) | -| 69 | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup) | 1.2.0 | - | [react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases) | [链接](/zh-cn/react-native-transitiongroup.md) | -| 70 | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal) | 1.1.0 | - | [react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases) | [链接](/zh-cn/react-native-translucent-modal.md) | -| 71 | [redux](https://github.com/reduxjs/redux) | 5.0.1 | - | [redux](https://github.com/reduxjs/redux/releases) | [链接](/zh-cn/redux.md) | -| 72 | [redux-logger](https://github.com/LogRocket/redux-logger) | 3.0.6 | - | [redux-logger](https://github.com/LogRocket/redux-logger/releases) | [链接](/zh-cn/redux-logger.md) | -| 73 | [redux-persist](https://github.com/rt2zz/redux-persist) | 6.0.0 | - | [redux-persist](https://github.com/rt2zz/redux-persist/releases) | [链接](/zh-cn/redux-persist.md) | -| 74 | [axios](https://github.com/axios/axios) | 1.6.7 | - | [axios](https://github.com/axios/axios/releases) | [链接](/zh-cn/axios.md) | -| 75 | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file) | 1.11.1 | - | [dayJs](https://github.com/iamkun/dayjs/releases) | [链接](/zh-cn/dayjs.md) | -| 76 | [EventBus](https://github.com/krasimir/EventBus) | 0.2.0 | - | [EventBus](https://github.com/krasimir/EventBus/releases) | [链接](/zh-cn/EventBus.md) | -| 77 | [immer](https://github.com/immerjs/immer) | 10.0.4 | - | [immer](https://github.com/immerjs/immer/releases) | [链接](/zh-cn/immer.md) | -| 78 | [JsBarCode](https://github.com/lindell/JsBarcode) | 3.11.6 | - | [JsBarCode](https://github.com/lindell/JsBarcode/releases) | [链接](/zh-cn/jsbarcode.md) | -| 79 | [Moment](https://github.com/moment/moment) | 2.30.1 | - | [Moment](https://github.com/moment/moment/releases) | [链接](/zh-cn/moment.md) | -| 80 | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator) | 1.4.4 | - | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator/releases) | [链接](/zh-cn/qrcode-generator.md) | -| 81 | [react-ahooks](https://github.com/alibaba/hooks) | 3.7.11 | - | [react-ahooks](https://github.com/alibaba/hooks/releases) | [链接](/zh-cn/react-ahooks.md) | -| 82 | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat) | 3.0.4 | - | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat/releases) | [链接](/zh-cn/react-lifecycles-compat.md) | -| 83 | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number) | 0.1.2 | - | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number/releases) | [链接](/zh-cn/react-native-animate-number.md) | -| 84 | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util) | 0.19.6 | 是 | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases) | [链接](/zh-cn/react-native-blob-util.md) | -| 85 | [react-native-canvas](https://github.com/iddan/react-native-canvas) | 0.1.39 | - | [react-native-canvas](https://github.com/iddan/react-native-canvas/releases) | [链接](/zh-cn/react-native-canvas.md) | -| 86 | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field) | 7.4.0 | - | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field/releases) | [链接](/zh-cn/react-native-confirmation-code-field.md) | -| 87 | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill) | 2.0.0 | - | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill/releases) | [链接](/zh-cn/react-native-drawer-layout-polyfill.md) | -| 88 | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro) | 1.9.1 | - | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro/releases) | [链接](/zh-cn/react-native-echarts-pro.md) | -| 89 | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image) | 1.5.5 | - | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases) | [链接](/zh-cn/react-native-fit-Image.md) | -| 90 | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor) | 3.2.0 | 是 | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases) | [链接](/zh-cn/react-native-image-editor.md) | -| 91 | [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) | [链接](/zh-cn/react-native-image-viewer.md) | -| 92 | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom) | 2.1.12 | - | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases) | [链接](/zh-cn/react-native-image-zoom.md) | -| 93 | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer) | 0.2.0 | - | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases) | [链接](/zh-cn/react-native-intersection-observer.md) | -| 94 | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing) | 0.2.2 | | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases) | [链接](/zh-cn/react-native-image-viewing.md) | -| 95 | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig) | 7.0.2 | - | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases) | [链接](/zh-cn/react-native-markdown-display.md) | -| 96 | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee) | 0.5.0 | - | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases) | [链接](/zh-cn/react-native-marquee.md) | -| 97 | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view) | 5.1.7 | - | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases) | [链接](/zh-cn/react-native-popover-view.md) | -| 98 | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu) | 0.16.0 | - | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu/releases) | [链接](/zh-cn/react-native-popup-menu.md) | -| 99 | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull) | 2.0.4 | - | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases) | [链接](/zh-cn/react-native-pull.md) | -| 100 | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table) | 0.2.0 | - | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table/releases) | [链接](/zh-cn/react-native-reanimated-table.md) | -| 101 | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view) | 1.0.0 | - | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases) | [链接](/zh-cn/react-native-scrollable-tab-view.md) | -| 102 | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader) | 1.1.3 | - | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases) | [链接](/zh-cn/react-native-stickyheader.md) | -| 103 | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill) | 3.2.9 | - | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill/releases) | [链接](/zh-cn/react-native-swipe-list-view.md) | -| 104 | [react-native-swiper](https://github.com/leecade/react-native-swiper) | 1.6.0 | - | [react-native-swiper](https://github.com/leecade/react-native-swiper/releases) | [链接](/zh-cn/react-native-swiper.md) | -| 105 | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core) | 0.5.0 | 是 | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases) | [链接](/zh-cn/react-native-worklets-core.md) | -| 106 | [react-use](https://github.com/zenghongtu/react-use) | 17.2.4 | - | [react-use](https://github.com/zenghongtu/react-use/releases) | [链接](/zh-cn/react-use.md) | -| 107 | [redux-toolkit](https://github.com/reduxjs/redux-toolkit) | 2.2.3 | - | [redux-toolkit](https://github.com/reduxjs/redux-toolkit/releases) | [链接](/zh-cn/redux-toolkit.md) | - -## 社区 - +> [!WARNING] 本文档仅用于三方库使用指导，不涉及任何 React Native OpenHarmony 框架的信息，且会随着 React Native OpenHarmony 框架持续迭代更新，当前版本不代表最终展示版本。 + +# 简介 + +> 如果你在找如何搭建环境的文档，请移步开发文档的 [搭建开发环境](https://react-native-oh-library.gitee.io/docs/#/zh-cn/environment) 章节。 + +## 概述 + +该文档旨在帮助开发者在 HarmonyOS 平台使用 React Native OpenHarmony 的第三方库，并呈现每个三方库的信息。 + +## 贡献文档 + +欢迎您参与贡献，我们鼓励开发者以各种方式参与文档反馈和贡献。 + +您可以对现有文档进行评价、简单更改、反馈文档质量问题、贡献您的原创内容，详细请参考[贡献文档](/zh-cn/contribute.md)。 + +## RNOH 三方库总览 + +>[!tip] NPM 公仓坐标：@react-native-oh-tpl + +| 序号 | 原库名 | 原库基线版本 | 原库是否支持新架构 | Releases | 文档链接 | +| :--: | :--------------------------------------: | :-----------: | :-------: | :--------------------------------------: | :--------------------------------------: | +| 1 | [@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) | [链接](/zh-cn/react-native-async-storage-async-storage.md) | +| 2 | [@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) | [链接](/zh-cn/react-native-clipboard-clipboard.md) | +| 3 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-datetimepicker.md) | +| 4 | [@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) | [链接](/zh-cn/shopify-flash-list.md) | +| 5 | [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) | [链接](/zh-cn/lottie-react-native.md) | +| 6 | [@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) | [链接](/zh-cn/react-native-picker-picker.md) | +| 7 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-progress-bar-android.md) | +| 8 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-checkbox.md) | +| 9 | [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) | [链接](/zh-cn/react-native-exception-handler.md) | +| 10 | [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) | [链接](/zh-cn/react-native-fast-image.md) | +| 11 | [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-gesture-handler/releases) | [链接](/zh-cn/react-native-gesture-handler.md) | +| 12 | [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) | [链接](/zh-cn/react-native-image-picker.md) | +| 13 | [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) | [链接](/zh-cn/react-native-linear-gradient.md) | +| 14 | [@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) | [链接](/zh-cn/react-native-masked-view-masked-view.md) | +| 15 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-netinfo.md) | +| 16 | [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) | [链接](/zh-cn/react-native-pager-view.md) | +| 17 | [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) | [链接](/zh-cn/react-native-safe-area-context.md) | +| 18 | [react-native-screens](https://github.com/software-mansion/react-native-screens) | 3.29.0 | 是 | [react-native-screens](https://github.com/software-mansion/react-native-screens/releases) | [链接](/zh-cn/react-native-screens.md) | +| 19 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-slider.md) | +| 20 | [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) | [链接](/zh-cn/react-native-SmartRefreshLayout.md) | +| 21 | [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) | [链接](/zh-cn/react-native-svg.md) | +| 22 | [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) | [链接](/zh-cn/react-native-tab-view.md) | +| 23 | [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) | [链接](/zh-cn/react-native-video.md) | +| 24 | [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) | [链接](/zh-cn/react-native-webview.md) | +| 25 | [@react-navigation/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) | [链接](/zh-cn/react-navigation-elements.md) | +| 26 | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0) | 4.2.0 | - | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0) | [链接](/zh-cn/crypto-js.md) | +| 27 | [deepmerge](https://github.com/TehShrike/deepmerge) | 4.3.1 | - | [deepmerge](https://github.com/TehShrike/deepmerge/releases) | [链接](/zh-cn/deepmerge.md) | +| 28 | [htmlparser2](https://github.com/fb55/htmlparser2) | 9.1.0 | - | [htmlparser2](https://github.com/fb55/htmlparser2/releases) | [链接](/zh-cn/htmlparser2.md) | +| 29 | [js-beautify](https://github.com/beautifier/js-beautify) | 1.14.9 | - | [js-beautify](https://github.com/beautifier/js-beautify/releases) | [链接](/zh-cn/js-beautify) | +| 30 | [lodash](https://github.com/lodash/lodash/tree/4.17.21) | 4.17.21 | - | [lodash](https://github.com/lodash/lodash//releases) | [链接](/zh-cn/lodash.md) | +| 31 | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0) | 7.6.0 | - | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0) | [链接](/zh-cn/mobx-react.md) | +| 32 | [mobx](https://github.com/mobxjs/mobx/tree/mobx%406.10.0) | 6.10.0 | - | [mobx](https://github.com/mobxjs/mobx/tree/mobx%406.10.0) | [链接](/zh-cn/mobx.md) | +| 33 | [parse5](https://github.com/inikulin/parse5) | 7.1.2 | - | [parse5](https://github.com/inikulin/parse5/releases) | [链接](/zh-cn/parse5.md) | +| 34 | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1) | 15.8.1 | - | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1) | [链接](/zh-cn/prop-types.md) | +| 35 | [react-i18next](https://github.com/i18next/react-i18next) | 8.6.3 | - | [react-i18next](https://github.com/i18next/react-i18next/releases) | [链接](/zh-cn/react-i18next.md) | +| 36 | [react-native-action-button](https://github.com/mastermoo/react-native-action-button) | 2.8.5 | - | [react-native-action-button](https://github.com/mastermoo/react-native-action-button/releases) | [链接](/zh-cn/react-native-action-button.md) | +| 37 | [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) | [链接](/zh-cn/react-native-autoheight-webview.md) | +| 38 | [@react-native-camera-roll/camera-roll](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) | [链接](/zh-cn/react-native-cameraroll.md) | +| 39 | [@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) | [链接](/zh-cn/react-native-masked-view-masked-view.md) | +| 40 | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view) | 1.4.2 | 是 | [@react-native-community/progress-view](https://github.com/react-native-oh-library/progress-view/releases) | [链接](/zh-cn/react-native-community-progress-view.md) | +| 41 | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control) | 2.5.0 | - | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control/releases) | [链接](/zh-cn/react-native-community-segmented-control.md) | +| 42 | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv) | 3.4.9 | - | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv/releases) | [链接](/zh-cn/react-native-dotenv.md) | +| 43 | [@react-native-community/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) | [链接](/zh-cn/react-native-geolocation.md) | +| 44 | [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) | [链接](/zh-cn/react-native-qrcode-svg.md) | +| 45 | [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) | [链接](/zh-cn/react-native-reanimated.md) | +| 46 | [react-native-render-html](https://github.com/meliorence/react-native-render-html) | 6.3.4 | - | [react-native-render-html](https://github.com/meliorence/react-native-render-html/releases) | [链接](/zh-cn/react-native-render-html.md) | +| 47 | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout) | 2.2.3 | - | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout/releases) | [链接](/zh-cn/react-native-section-list-get-item-layout.md) | +| 48 | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) | 10.0.3 | - | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons/releases) | [链接](/zh-cn/react-native-vector-icons.md) | +| 49 | [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) | [链接](/zh-cn/react-native-view-shot.md) | +| 50 | [ @react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs) | 6.5.11 | - | [ @react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs) | [链接](/zh-cn/react-navigation-bottom-tabs.md) | +| 51 | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native) | 6.1.9 | - | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native/) | [链接](/zh-cn/react-navigation-native.md) | +| 52 | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack) | 6.3.19 | - | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack) | [链接](/zh-cn/react-navigation-stack.md) | +| 53 | [recyclerlistview](https://github.com/Flipkart/recyclerlistview) | 4.2.0 | - | [recyclerlistview](https://github.com/Flipkart/recyclerlistview/releases) | [链接](/zh-cn/recyclerListView.md) | +| 54 | [rn-placeholder](https://github.com/mfrachet/rn-placeholder) | 3.0.3 | - | [rn-placeholder](https://github.com/mfrachet/rn-placeholder/releases) | [链接](/zh-cn/rn-placeholder.md) | +| 55 | [styled-components](https://github.com/styled-components/styled-components) | 6.1.8 | - | [styled-components](https://github.com/styled-components/styled-components/releases) | [链接](/zh-cn/styled-components.md) | +| 56 | [styled-system](https://github.com/react-native-picker/picker) | 5.1.5 | - | [styled-system](https://github.com/styled-system/styled-system) | [链接](/zh-cn/styled-system.md) | +| 57 | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider) | 0.11.0 | - | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/releases) | [链接](/zh-cn/jeanregisser-react-native-slider.md) | +| 58 | [js-beautify](https://github.com/beautifier/js-beautify) | 1.15.1 | - | [js-beautify](https://github.com/beautifier/js-beautify/releases) | [链接](/zh-cn/js-beautify.md) | +| 59 | [react-native-base64](https://github.com/eranbo/react-native-base64) | 0.2.1 | - | [react-native-base64](https://github.com/eranbo/react-native-base64/releases) | [链接](/zh-cn/react-native-base64.md) | +| 60 | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box) | 2.1.0 | - | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box/releases) | [链接](/zh-cn/react-native-check-box.md) | +| 61 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-blur.md) | +| 62 | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios) | 1.11.0 | 否 | [@react-native-community/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases) | [链接](/zh-cn/react-native-community-push-notification-ios.md) | +| 63 | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies) | 6.2.1 | 否 | [@react-native-cookies/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases) | [链接](/zh-cn/react-native-cookies.md) | +| 64 | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js) | 1.0.0 | - | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js/releases) | [链接](/zh-cn/react-native-crypto-js.md) | +| 65 | [react-native-maps](https://github.com/react-native-maps/react-native-maps) | 1.10.3 | 是 | [react-native-maps](https://github.com/react-native-maps/react-native-maps/releases) | [链接](/zh-cn/react-native-maps.md) | +| 66 | [react-native-pdf](https://github.com/wonday/react-native-pdf) | 6.7.4 | 是 | [react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases) | [链接](/zh-cn/react-native-pdf.md) | +| 67 | [react-native-redash](https://github.com/wcandillon/react-native-redash/) | 18.1.3 | - | [react-native-redash](https://github.com/wcandillon/react-native-redash/releases) | [链接](/zh-cn/react-native-redash.md) | +| 68 | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel) | 3.9.1 | - | [react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases) | [链接](/zh-cn/react-native-snap-carousel.md) | +| 69 | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup) | 1.2.0 | - | [react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases) | [链接](/zh-cn/react-native-transitiongroup.md) | +| 70 | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal) | 1.1.0 | - | [react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases) | [链接](/zh-cn/react-native-translucent-modal.md) | +| 71 | [redux](https://github.com/reduxjs/redux) | 5.0.1 | - | [redux](https://github.com/reduxjs/redux/releases) | [链接](/zh-cn/redux.md) | +| 72 | [redux-logger](https://github.com/LogRocket/redux-logger) | 3.0.6 | - | [redux-logger](https://github.com/LogRocket/redux-logger/releases) | [链接](/zh-cn/redux-logger.md) | +| 73 | [redux-persist](https://github.com/rt2zz/redux-persist) | 6.0.0 | - | [redux-persist](https://github.com/rt2zz/redux-persist/releases) | [链接](/zh-cn/redux-persist.md) | +| 74 | [axios](https://github.com/axios/axios) | 1.6.7 | - | [axios](https://github.com/axios/axios/releases) | [链接](/zh-cn/axios.md) | +| 75 | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file) | 1.11.1 | - | [dayJs](https://github.com/iamkun/dayjs/releases) | [链接](/zh-cn/dayjs.md) | +| 76 | [EventBus](https://github.com/krasimir/EventBus) | 0.2.0 | - | [EventBus](https://github.com/krasimir/EventBus/releases) | [链接](/zh-cn/EventBus.md) | +| 77 | [immer](https://github.com/immerjs/immer) | 10.0.4 | - | [immer](https://github.com/immerjs/immer/releases) | [链接](/zh-cn/immer.md) | +| 78 | [JsBarCode](https://github.com/lindell/JsBarcode) | 3.11.6 | - | [JsBarCode](https://github.com/lindell/JsBarcode/releases) | [链接](/zh-cn/jsbarcode.md) | +| 79 | [Moment](https://github.com/moment/moment) | 2.30.1 | - | [Moment](https://github.com/moment/moment/releases) | [链接](/zh-cn/moment.md) | +| 80 | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator) | 1.4.4 | - | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator/releases) | [链接](/zh-cn/qrcode-generator.md) | +| 81 | [react-ahooks](https://github.com/alibaba/hooks) | 3.7.11 | - | [react-ahooks](https://github.com/alibaba/hooks/releases) | [链接](/zh-cn/react-ahooks.md) | +| 82 | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat) | 3.0.4 | - | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat/releases) | [链接](/zh-cn/react-lifecycles-compat.md) | +| 83 | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number) | 0.1.2 | - | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number/releases) | [链接](/zh-cn/react-native-animate-number.md) | +| 84 | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util) | 0.19.6 | 是 | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases) | [链接](/zh-cn/react-native-blob-util.md) | +| 85 | [react-native-canvas](https://github.com/iddan/react-native-canvas) | 0.1.39 | - | [react-native-canvas](https://github.com/iddan/react-native-canvas/releases) | [链接](/zh-cn/react-native-canvas.md) | +| 86 | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field) | 7.4.0 | - | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field/releases) | [链接](/zh-cn/react-native-confirmation-code-field.md) | +| 87 | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill) | 2.0.0 | - | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill/releases) | [链接](/zh-cn/react-native-drawer-layout-polyfill.md) | +| 88 | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro) | 1.9.1 | - | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro/releases) | [链接](/zh-cn/react-native-echarts-pro.md) | +| 89 | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image) | 1.5.5 | - | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases) | [链接](/zh-cn/react-native-fit-Image.md) | +| 90 | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor) | 3.2.0 | 是 | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases) | [链接](/zh-cn/react-native-image-editor.md) | +| 91 | [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) | [链接](/zh-cn/react-native-image-viewer.md) | +| 92 | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom) | 2.1.12 | - | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases) | [链接](/zh-cn/react-native-image-zoom.md) | +| 93 | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer) | 0.2.0 | - | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases) | [链接](/zh-cn/react-native-intersection-observer.md) | +| 94 | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing) | 0.2.2 | | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases) | [链接](/zh-cn/react-native-image-viewing.md) | +| 95 | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig) | 7.0.2 | - | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases) | [链接](/zh-cn/react-native-markdown-display.md) | +| 96 | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee) | 0.5.0 | - | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases) | [链接](/zh-cn/react-native-marquee.md) | +| 97 | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view) | 5.1.7 | - | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases) | [链接](/zh-cn/react-native-popover-view.md) | +| 98 | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu) | 0.16.0 | - | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu/releases) | [链接](/zh-cn/react-native-popup-menu.md) | +| 99 | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull) | 2.0.4 | - | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases) | [链接](/zh-cn/react-native-pull.md) | +| 100 | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table) | 0.2.0 | - | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table/releases) | [链接](/zh-cn/react-native-reanimated-table.md) | +| 101 | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view) | 1.0.0 | - | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases) | [链接](/zh-cn/react-native-scrollable-tab-view.md) | +| 102 | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader) | 1.1.3 | - | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases) | [链接](/zh-cn/react-native-stickyheader.md) | +| 103 | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill) | 3.2.9 | - | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill/releases) | [链接](/zh-cn/react-native-swipe-list-view.md) | +| 104 | [react-native-swiper](https://github.com/leecade/react-native-swiper) | 1.6.0 | - | [react-native-swiper](https://github.com/leecade/react-native-swiper/releases) | [链接](/zh-cn/react-native-swiper.md) | +| 105 | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core) | 0.5.0 | 是 | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases) | [链接](/zh-cn/react-native-worklets-core.md) | +| 106 | [react-use](https://github.com/zenghongtu/react-use) | 17.2.4 | - | [react-use](https://github.com/zenghongtu/react-use/releases) | [链接](/zh-cn/react-use.md) | +| 107 | [redux-toolkit](https://github.com/reduxjs/redux-toolkit) | 2.2.3 | - | [redux-toolkit](https://github.com/reduxjs/redux-toolkit/releases) | [链接](/zh-cn/redux-toolkit.md) | +| 108 | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size) | 4.0.0 | 是 | [react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases) | [链接](/zh-cn/react-native-text-size.md) | +| 109 | [react-router-dom](https://github.com/remix-run/react-router) | 6.22.3 | 是 | [react-router-dom](https://github.com/remix-run/react-router/releases) | [链接](/zh-cn/react-router-dom.md) | +| 110 | [redux-actions](https://github.com/redux-utilities/redux-actions) | 3.0.0 | - | [redux-actions](https://github.com/redux-utilities/redux-actions/releases) | [链接](/zh-cn/redux-actions.md) | +| 111 | [redux-thunk](https://github.com/reduxjs/redux-thunk) | 3.1.0 | - | [redux-thunk](https://github.com/reduxjs/redux-thunk/releases) | [链接](/zh-cn/redux-thunk.md) | +| 112 | [react-native-aria](https://github.com/gluestack/react-native-aria/) | 0.2.4 | 是 | [react-native-aria](https://github.com/gluestack/react-native-aria/releases) | [链接](/zh-cn/react-native-aria.md) | +| 113 | [react-native-progress](https://github.com/oblador/react-native-progress) | 5.0.1 | - | [react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases) | [链接](/zh-cn/react-native-progress.md) | +| 114 | [react-native-fs](https://github.com/itinance/react-native-fs) | 2.20.0 | 是 | [react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases) | [链接](/zh-cn/react-native-fs.md) | +| 115 | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view) | 0.9.5 | - | [react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md) | +| 116 | [react-native-permissions](https://github.com/zoontek/react-native-permissions) | 4.1.5 | 是 | [react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases) | [链接](/zh-cn/react-native-permissions.md) | +| 117 | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort) | 2.4.4 | 是 | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort/releases) | [链接](/zh-cn/react-native-drag-sort.md) | +| 118 | [react-native-sound](https://github.com/zmxv/react-native-sound) | 0.11.2 | 是 | [react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases) | [链接](/zh-cn/react-native-sound.md) | +| 119 | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel) | 3.5.1 | - | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel/releases) | [链接](/zh-cn/react-native-reanimated-carousel.md) | +| 120 | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android) | 0.2.1 | 是 | [@react-native-community/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases) | [链接](/zh-cn/react-native-toolbar-android.md) | +| 121 | [react-redux](https://github.com/reduxjs/react-redux) | 9.1.1 | - | [react-redux](https://github.com/reduxjs/react-redux/releases) | [链接](/zh-cn/react-redux.md) | +| 122 | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh) | 0.7.0 | - | [react-native-MJRefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases) | [链接](/zh-cn/react-native-MJRefresh.md) | + +## 社区 + [Github Organization: react-native-oh-library](https://github.com/react-native-oh-library) \ No newline at end of file diff --git a/_sidebar.md b/_sidebar.md index c1d57b7a..c468899f 100644 --- a/_sidebar.md +++ b/_sidebar.md @@ -1,115 +1,131 @@ - - -- [首页](/zh-cn/README.md) -- [贡献文档](/zh-cn/contribute.md) -- [文档模板](/zh-cn/model.md) -- 三方库说明文档合集 - - RN原生库 - - [@react-native-async-storage/async-storage](/zh-cn/react-native-async-storage-async-storage.md) - - [react-native-cameraroll](/zh-cn/react-native-cameraroll.md) - - [@react-native-clipboard/clipboard](/zh-cn/react-native-clipboard-clipboard.md) - - [@react-native-community/checkbox](/zh-cn/react-native-community-checkbox.md) - - [@react-native-community/datetimepicker](/zh-cn/react-native-community-datetimepicker.md) - - [@react-native-community/netinfo](/zh-cn/react-native-community-netinfo.md) - - [@react-native-community/progress-bar-android](/zh-cn/react-native-community-progress-bar-android.md) - - [@react-native-community/progress-view](/zh-cn/react-native-community-progress-view.md) - - [@react-native-community/slider](/zh-cn/react-native-community-slider.md) - - [react-native-exception-handler](/zh-cn/react-native-exception-handler.md) - - [react-native-fast-image](/zh-cn/react-native-fast-image.md) - - [react-native-geolocation](/zh-cn/react-native-geolocation.md) - - [react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md) - - [react-native-image-picker](/zh-cn/react-native-image-picker.md) - - [react-native-linear-gradient](/zh-cn/react-native-linear-gradient.md) - - [@react-native-masked-view/masked-view](/zh-cn/react-native-masked-view-masked-view.md) - - [react-native-pager-view](/zh-cn/react-native-pager-view.md) - - [@react-native-picker/picker](/zh-cn/react-native-picker-picker.md) - - [react-native-reanimated](/zh-cn/react-native-reanimated.md) - - [react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md) - - [react-native-SmartRefreshLayout](/zh-cn/react-native-SmartRefreshLayout.md) - - [react-native-svg](/zh-cn/react-native-svg.md) - - [react-native-vector-icons](/zh-cn/react-native-vector-icons.md) - - [react-native-video](/zh-cn/react-native-video.md) - - [react-native-view-shot](/zh-cn/react-native-view-shot.md) - - [react-native-webview](/zh-cn/react-native-webview.md) - - [@shopify/flash-list](/zh-cn/shopify-flash-list.md) - - [@react-native-community/blur](/zh-cn/react-native-community-blur.md) - - [@react-native-community/push-notification-ios](/zh-cn/react-native-community-push-notification-ios.md) - - [react-native-cookies](/zh-cn/react-native-cookies.md) - - [react-native-maps](/zh-cn/react-native-maps.md) - - [react-native-pdf](/zh-cn/react-native-pdf.md) - - [react-native-image-editor](/zh-cn/react-native-image-editor.md) - - [react-native-worklets-core](/zh-cn/react-native-worklets-core.md) - - RN JS库 - - [lottie-react-native](/zh-cn/lottie-react-native.md) - - [react-i18next](/zh-cn/react-i18next.md) - - [react-native-action-button](/zh-cn/react-native-action-button.md) - - [react-native-autoheight-webview](/zh-cn/react-native-autoheight-webview.md) - - [@react-native-community/segmented-control](/zh-cn/react-native-community-segmented-control.md) - - [react-native-dotenv](/zh-cn/react-native-dotenv.md) - - [react-native-qrcode-svg](/zh-cn/react-native-qrcode-svg.md) - - [react-native-render-html](/zh-cn/react-native-render-html.md) - - [react-native-screens](/zh-cn/react-native-screens.md) - - [react-native-section-list-get-item-layout](zh-cn/react-native-section-list-get-item-layout.md) - - [react-native-tab-view](/zh-cn/react-native-tab-view.md) - - [@react-navigation/bottom-tabs](/zh-cn/react-navigation-bottom-tabs.md) - - [@react-navigation/elements](/zh-cn/react-navigation-elements.md) - - [@react-navigation/native](/zh-cn/react-navigation-native.md) - - [@react-navigation/stack](/zh-cn/react-navigation-stack.md) - - [react-navigation](/zh-cn/react-navigation) - - [recyclerlistview](/zh-cn/recyclerlistview.md) - - [rn-placeholder](/zh-cn/rn-placeholder.md) - - [jeanregisser/react-native-slider](/zh-cn/jeanregisser-react-native-slider.md) - - [react-native-base64](/zh-cn/react-native-base64.md) - - [react-native-check-box](/zh-cn/react-native-check-box.md) - - [react-native-crypto-js](/zh-cn/react-native-crypto-js.md) - - [react-native-redash](/zh-cn/react-native-redash.md) - - [react-native-snap-carousel](/zh-cn/react-native-snap-carousel.md) - - [react-native-transitiongroup](/zh-cn/react-native-transitiongroup.md) - - [react-native-translucent-modal](/zh-cn/react-native-translucent-modal.md) - - [axios](/zh-cn/axios.md) - - [dayjs](/zh-cn/dayjs.md) - - [immer](/zh-cn/immer.md) - - [jsbarcode](/zh-cn/jsbarcode.md) - - [moment](/zh-cn/moment.md) - - [qrcode-generator](/zh-cn/qrcode-generator.md) - - [react-ahooks](/zh-cn/react-ahooks.md) - - [react-lifecycles-compat](/zh-cn/react-lifecycles-compat.md) - - [react-native-animate-number](/zh-cn/react-native-animate-number.md) - - [react-native-canvas](/zh-cn/react-native-canvas.md) - - [react-native-confirmation-code-field](/zh-cn/react-native-confirmation-code-field.md) - - [react-native-drawer-layout-polyfill](/zh-cn/react-native-drawer-layout-polyfill.md) - - [react-native-echarts-pro](/zh-cn/react-native-echarts-pro.md) - - [react-native-fit-Image](/zh-cn/react-native-fit-Image.md) - - [react-native-image-viewer](/zh-cn/react-native-image-viewer.md) - - [react-native-image-zoom](/zh-cn/react-native-image-zoom.md) - - [react-native-intersection-observer](/zh-cn/react-native-intersection-observer.md) - - [react-native-markdown-display](/zh-cn/react-native-markdown-display.md) - - [react-native-marquee](/zh-cn/react-native-marquee.md) - - [react-native-popover-view](/zh-cn/react-native-popover-view.md) - - [react-native-popup-menu](/zh-cn/react-native-popup-menu.md) - - [react-native-pull](/zh-cn/react-native-pull.md) - - [react-native-reanimated-table](/zh-cn/react-native-reanimated-table.md) - - [react-native-scrollable-tab-view](/zh-cn/react-native-scrollable-tab-view.md) - - [react-native-stickyheader](/zh-cn/react-native-stickyheader.md) - - [react-native-swipe-list-view](/zh-cn/react-native-swipe-list-view.md) - - [react-native-swiper](/zh-cn/react-native-swiper.md) - - [react-use](/zh-cn/react-use.md) - - [redux-toolkit](/zh-cn/redux-toolkit.md) - - [react-native-image-viewing](/zh-cn/react-native-image-viewing.md) - - 纯JS库 - - [crypto-js](/zh-cn/crypto-js.md) - - [deepmerge](/zh-cn/deepmerge.md) - - [htmlparser2](/zh-cn/htmlparser2.md) - - [js-beautify](/zh-cn/js-beautify.md) - - [lodash](/zh-cn/lodash.md) - - [mobx-react](/zh-cn/mobx-react.md) - - [mobx](/zh-cn/mobx.md) - - [parse5](/zh-cn/parse5.md) - - [prop-types](/zh-cn/prop-types.md) - - [styled-components](/zh-cn/styled-components.md) - - [styled-system](/zh-cn/styled-system.md) - - [redux](/zh-cn/redux.md) - - [redux-logger](/zh-cn/redux-logger.md) - - [redux-persist](/zh-cn/redux-persist.md) - - [qrcode-generator](/zh-cn/qrcode-generator.md) - - [EventBus](/zh-cn/EventBus.md) + + +- [首页](/zh-cn/README.md) +- [贡献文档](/zh-cn/contribute.md) +- [文档模板](/zh-cn/model.md) +- 三方库说明文档合集 + - RN原生库 + - [@react-native-async-storage/async-storage](/zh-cn/react-native-async-storage-async-storage.md) + - [react-native-cameraroll](/zh-cn/react-native-cameraroll.md) + - [@react-native-clipboard/clipboard](/zh-cn/react-native-clipboard-clipboard.md) + - [@react-native-community/checkbox](/zh-cn/react-native-community-checkbox.md) + - [@react-native-community/datetimepicker](/zh-cn/react-native-community-datetimepicker.md) + - [@react-native-community/netinfo](/zh-cn/react-native-community-netinfo.md) + - [@react-native-community/progress-bar-android](/zh-cn/react-native-community-progress-bar-android.md) + - [@react-native-community/progress-view](/zh-cn/react-native-community-progress-view.md) + - [@react-native-community/slider](/zh-cn/react-native-community-slider.md) + - [react-native-exception-handler](/zh-cn/react-native-exception-handler.md) + - [react-native-fast-image](/zh-cn/react-native-fast-image.md) + - [react-native-geolocation](/zh-cn/react-native-geolocation.md) + - [react-native-gesture-handler](/zh-cn/react-native-gesture-handler.md) + - [react-native-image-picker](/zh-cn/react-native-image-picker.md) + - [react-native-linear-gradient](/zh-cn/react-native-linear-gradient.md) + - [@react-native-masked-view/masked-view](/zh-cn/react-native-masked-view-masked-view.md) + - [react-native-pager-view](/zh-cn/react-native-pager-view.md) + - [@react-native-picker/picker](/zh-cn/react-native-picker-picker.md) + - [react-native-reanimated](/zh-cn/react-native-reanimated.md) + - [react-native-safe-area-context](/zh-cn/react-native-safe-area-context.md) + - [react-native-SmartRefreshLayout](/zh-cn/react-native-SmartRefreshLayout.md) + - [react-native-svg](/zh-cn/react-native-svg.md) + - [react-native-vector-icons](/zh-cn/react-native-vector-icons.md) + - [react-native-video](/zh-cn/react-native-video.md) + - [react-native-view-shot](/zh-cn/react-native-view-shot.md) + - [react-native-webview](/zh-cn/react-native-webview.md) + - [@shopify/flash-list](/zh-cn/shopify-flash-list.md) + - [@react-native-community/blur](/zh-cn/react-native-community-blur.md) + - [@react-native-community/push-notification-ios](/zh-cn/react-native-community-push-notification-ios.md) + - [react-native-cookies](/zh-cn/react-native-cookies.md) + - [react-native-maps](/zh-cn/react-native-maps.md) + - [react-native-pdf](/zh-cn/react-native-pdf.md) + - [react-native-image-editor](/zh-cn/react-native-image-editor.md) + - [react-native-worklets-core](/zh-cn/react-native-worklets-core.md) + - [react-native-text-size](/zh-cn/react-native-text-size.md) + - [react-native-fs](/zh-cn/react-native-fs.md) + - [react-native-permissions](/zh-cn/react-native-permissions.md) + - [react-native-sound](/zh-cn/react-native-sound.md) + - [react-native-blob-util](/zh-cn/react-native-blob-util.md) + - [@react-native-community/toolbar-android](/zh-cn/react-native-toolbar-android.md) + - [react-native-MJRefresh](/zh-cn/react-native-MJRefresh.md) + - RN JS库 + - [lottie-react-native](/zh-cn/lottie-react-native.md) + - [react-i18next](/zh-cn/react-i18next.md) + - [react-native-action-button](/zh-cn/react-native-action-button.md) + - [react-native-autoheight-webview](/zh-cn/react-native-autoheight-webview.md) + - [@react-native-community/segmented-control](/zh-cn/react-native-community-segmented-control.md) + - [react-native-dotenv](/zh-cn/react-native-dotenv.md) + - [react-native-qrcode-svg](/zh-cn/react-native-qrcode-svg.md) + - [react-native-render-html](/zh-cn/react-native-render-html.md) + - [react-native-screens](/zh-cn/react-native-screens.md) + - [react-native-section-list-get-item-layout](zh-cn/react-native-section-list-get-item-layout.md) + - [react-native-tab-view](/zh-cn/react-native-tab-view.md) + - [@react-navigation/bottom-tabs](/zh-cn/react-navigation-bottom-tabs.md) + - [@react-navigation/elements](/zh-cn/react-navigation-elements.md) + - [@react-navigation/native](/zh-cn/react-navigation-native.md) + - [@react-navigation/stack](/zh-cn/react-navigation-stack.md) + - [react-navigation](/zh-cn/react-navigation) + - [recyclerlistview](/zh-cn/recyclerlistview.md) + - [rn-placeholder](/zh-cn/rn-placeholder.md) + - [jeanregisser/react-native-slider](/zh-cn/jeanregisser-react-native-slider.md) + - [react-native-base64](/zh-cn/react-native-base64.md) + - [react-native-check-box](/zh-cn/react-native-check-box.md) + - [react-native-crypto-js](/zh-cn/react-native-crypto-js.md) + - [react-native-redash](/zh-cn/react-native-redash.md) + - [react-native-snap-carousel](/zh-cn/react-native-snap-carousel.md) + - [react-native-transitiongroup](/zh-cn/react-native-transitiongroup.md) + - [react-native-translucent-modal](/zh-cn/react-native-translucent-modal.md) + - [axios](/zh-cn/axios.md) + - [dayjs](/zh-cn/dayjs.md) + - [immer](/zh-cn/immer.md) + - [jsbarcode](/zh-cn/jsbarcode.md) + - [moment](/zh-cn/moment.md) + - [qrcode-generator](/zh-cn/qrcode-generator.md) + - [react-ahooks](/zh-cn/react-ahooks.md) + - [react-lifecycles-compat](/zh-cn/react-lifecycles-compat.md) + - [react-native-animate-number](/zh-cn/react-native-animate-number.md) + - [react-native-canvas](/zh-cn/react-native-canvas.md) + - [react-native-confirmation-code-field](/zh-cn/react-native-confirmation-code-field.md) + - [react-native-drawer-layout-polyfill](/zh-cn/react-native-drawer-layout-polyfill.md) + - [react-native-echarts-pro](/zh-cn/react-native-echarts-pro.md) + - [react-native-fit-Image](/zh-cn/react-native-fit-Image.md) + - [react-native-image-viewer](/zh-cn/react-native-image-viewer.md) + - [react-native-image-zoom](/zh-cn/react-native-image-zoom.md) + - [react-native-intersection-observer](/zh-cn/react-native-intersection-observer.md) + - [react-native-markdown-display](/zh-cn/react-native-markdown-display.md) + - [react-native-marquee](/zh-cn/react-native-marquee.md) + - [react-native-popover-view](/zh-cn/react-native-popover-view.md) + - [react-native-popup-menu](/zh-cn/react-native-popup-menu.md) + - [react-native-pull](/zh-cn/react-native-pull.md) + - [react-native-reanimated-table](/zh-cn/react-native-reanimated-table.md) + - [react-native-scrollable-tab-view](/zh-cn/react-native-scrollable-tab-view.md) + - [react-native-stickyheader](/zh-cn/react-native-stickyheader.md) + - [react-native-swipe-list-view](/zh-cn/react-native-swipe-list-view.md) + - [react-native-swiper](/zh-cn/react-native-swiper.md) + - [react-use](/zh-cn/react-use.md) + - [redux-toolkit](/zh-cn/redux-toolkit.md) + - [react-native-image-viewing](/zh-cn/react-native-image-viewing.md) + - [react-native-aria](/zh-cn/react-native-aria.md) + - [react-native-progress](/zh-cn/react-native-progress.md) + - [react-native-keyboard-aware-scroll-view](/zh-cn/react-native-keyboard-aware-scroll-view.md) + - [react-native-reanimated-carousel](/zh-cn/react-native-reanimated-carousel.md) + - [react-native-drag-sort](/zh-cn/react-native-drag-sort.md) + - [react-redux](/zh-cn/react-redux.md) + - 纯JS库 + - [crypto-js](/zh-cn/crypto-js.md) + - [deepmerge](/zh-cn/deepmerge.md) + - [htmlparser2](/zh-cn/htmlparser2.md) + - [js-beautify](/zh-cn/js-beautify.md) + - [lodash](/zh-cn/lodash.md) + - [mobx-react](/zh-cn/mobx-react.md) + - [mobx](/zh-cn/mobx.md) + - [parse5](/zh-cn/parse5.md) + - [prop-types](/zh-cn/prop-types.md) + - [styled-components](/zh-cn/styled-components.md) + - [styled-system](/zh-cn/styled-system.md) + - [redux](/zh-cn/redux.md) + - [redux-logger](/zh-cn/redux-logger.md) + - [redux-persist](/zh-cn/redux-persist.md) + - [qrcode-generator](/zh-cn/qrcode-generator.md) + - [EventBus](/zh-cn/EventBus.md) + - [react-router-dom](/zh-cn/react-router-dom.md) + - [redux-actions](/zh-cn/redux-actions.md) + - [redux-thunk](/zh-cn/redux-thunk.md) diff --git a/zh-cn/README.md b/zh-cn/README.md index f99033f9..55e4a49e 100644 --- a/zh-cn/README.md +++ b/zh-cn/README.md @@ -1,133 +1,148 @@ -> [!WARNING] 本文档仅用于三方库使用指导，不涉及任何 React Native OpenHarmony 框架的信息，且会随着 React Native OpenHarmony 框架持续迭代更新，当前版本不代表最终展示版本。 - -# 简介 - -> 如果你在找如何搭建环境的文档，请移步开发文档的 [搭建开发环境](https://react-native-oh-library.gitee.io/docs/#/zh-cn/environment) 章节。 - -## 概述 - -该文档旨在帮助开发者在 HarmonyOS 平台使用 React Native OpenHarmony 的第三方库，并呈现每个三方库的信息。 - -## 贡献文档 - -欢迎您参与贡献，我们鼓励开发者以各种方式参与文档反馈和贡献。 - -您可以对现有文档进行评价、简单更改、反馈文档质量问题、贡献您的原创内容，详细请参考[贡献文档](/zh-cn/contribute.md)。 - -## RNOH 三方库总览 - -> [!tip] NPM 公仓坐标：@react-native-oh-tpl - -| 序号 | 原库名 | 原库基线版本 | 原库是否支持新架构 | Releases | 文档链接 | -| :--: | :--------------------------------------: | :-----------: | :-------: | :--------------------------------------: | :--------------------------------------: | -| 1 | [@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) | [链接](/zh-cn/react-native-async-storage-async-storage.md) | -| 2 | [@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) | [链接](/zh-cn/react-native-clipboard-clipboard.md) | -| 3 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-datetimepicker.md) | -| 4 | [@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) | [链接](/zh-cn/shopify-flash-list.md) | -| 5 | [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) | [链接](/zh-cn/lottie-react-native.md) | -| 6 | [@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) | [链接](/zh-cn/react-native-picker-picker.md) | -| 7 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-progress-bar-android.md) | -| 8 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-checkbox.md) | -| 9 | [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) | [链接](/zh-cn/react-native-exception-handler.md) | -| 10 | [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) | [链接](/zh-cn/react-native-fast-image.md) | -| 11 | [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-gesture-handler/releases) | [链接](/zh-cn/react-native-gesture-handler.md) | -| 12 | [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) | [链接](/zh-cn/react-native-image-picker.md) | -| 13 | [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) | [链接](/zh-cn/react-native-linear-gradient.md) | -| 14 | [@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) | [链接](/zh-cn/react-native-masked-view-masked-view.md) | -| 15 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-netinfo.md) | -| 16 | [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) | [链接](/zh-cn/react-native-pager-view.md) | -| 17 | [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) | [链接](/zh-cn/react-native-safe-area-context.md) | -| 18 | [react-native-screens](https://github.com/software-mansion/react-native-screens) | 3.29.0 | 是 | [react-native-screens](https://github.com/software-mansion/react-native-screens/releases) | [链接](/zh-cn/react-native-screens.md) | -| 19 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-slider.md) | -| 20 | [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) | [链接](/zh-cn/react-native-SmartRefreshLayout.md) | -| 21 | [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) | [链接](/zh-cn/react-native-svg.md) | -| 22 | [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) | [链接](/zh-cn/react-native-tab-view.md) | -| 23 | [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) | [链接](/zh-cn/react-native-video.md) | -| 24 | [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) | [链接](/zh-cn/react-native-webview.md) | -| 25 | [@react-navigation/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) | [链接](/zh-cn/react-navigation-elements.md) | -| 26 | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0) | 4.2.0 | - | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0) | [链接](/zh-cn/crypto-js.md) | -| 27 | [deepmerge](https://github.com/TehShrike/deepmerge) | 4.3.1 | - | [deepmerge](https://github.com/TehShrike/deepmerge/releases) | [链接](/zh-cn/deepmerge.md) | -| 28 | [htmlparser2](https://github.com/fb55/htmlparser2) | 9.1.0 | - | [htmlparser2](https://github.com/fb55/htmlparser2/releases) | [链接](/zh-cn/htmlparser2.md) | -| 29 | [js-beautify](https://github.com/beautifier/js-beautify) | 1.14.9 | - | [js-beautify](https://github.com/beautifier/js-beautify/releases) | [链接](/zh-cn/js-beautify) | -| 30 | [lodash](https://github.com/lodash/lodash/tree/4.17.21) | 4.17.21 | - | [lodash](https://github.com/lodash/lodash//releases) | [链接](/zh-cn/lodash.md) | -| 31 | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0) | 7.6.0 | - | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0) | [链接](/zh-cn/mobx-react.md) | -| 32 | [mobx](https://github.com/mobxjs/mobx/tree/mobx%406.10.0) | 6.10.0 | - | [mobx](https://github.com/mobxjs/mobx/tree/mobx%406.10.0) | [链接](/zh-cn/mobx.md) | -| 33 | [parse5](https://github.com/inikulin/parse5) | 7.1.2 | - | [parse5](https://github.com/inikulin/parse5/releases) | [链接](/zh-cn/parse5.md) | -| 34 | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1) | 15.8.1 | - | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1) | [链接](/zh-cn/prop-types.md) | -| 35 | [react-i18next](https://github.com/i18next/react-i18next) | 8.6.3 | - | [react-i18next](https://github.com/i18next/react-i18next/releases) | [链接](/zh-cn/react-i18next.md) | -| 36 | [react-native-action-button](https://github.com/mastermoo/react-native-action-button) | 2.8.5 | - | [react-native-action-button](https://github.com/mastermoo/react-native-action-button/releases) | [链接](/zh-cn/react-native-action-button.md) | -| 37 | [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) | [链接](/zh-cn/react-native-autoheight-webview.md) | -| 38 | [@react-native-camera-roll/camera-roll](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) | [链接](/zh-cn/react-native-cameraroll.md) | -| 39 | [@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) | [链接](/zh-cn/react-native-masked-view-masked-view.md) | -| 40 | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view) | 1.4.2 | 是 | [@react-native-community/progress-view](https://github.com/react-native-oh-library/progress-view/releases) | [链接](/zh-cn/react-native-community-progress-view.md) | -| 41 | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control) | 2.5.0 | - | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control/releases) | [链接](/zh-cn/react-native-community-segmented-control.md) | -| 42 | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv) | 3.4.9 | - | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv/releases) | [链接](/zh-cn/react-native-dotenv.md) | -| 43 | [@react-native-community/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) | [链接](/zh-cn/react-native-geolocation.md) | -| 44 | [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) | [链接](/zh-cn/react-native-qrcode-svg.md) | -| 45 | [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) | [链接](/zh-cn/react-native-reanimated.md) | -| 46 | [react-native-render-html](https://github.com/meliorence/react-native-render-html) | 6.3.4 | - | [react-native-render-html](https://github.com/meliorence/react-native-render-html/releases) | [链接](/zh-cn/react-native-render-html.md) | -| 47 | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout) | 2.2.3 | - | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout/releases) | [链接](/zh-cn/react-native-section-list-get-item-layout.md) | -| 48 | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) | 10.0.3 | - | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons/releases) | [链接](/zh-cn/react-native-vector-icons.md) | -| 49 | [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) | [链接](/zh-cn/react-native-view-shot.md) | -| 50 | [ @react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs) | 6.5.11 | - | [ @react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs) | [链接](/zh-cn/react-navigation-bottom-tabs.md) | -| 51 | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native) | 6.1.9 | - | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native/) | [链接](/zh-cn/react-navigation-native.md) | -| 52 | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack) | 6.3.19 | - | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack) | [链接](/zh-cn/react-navigation-stack.md) | -| 53 | [recyclerlistview](https://github.com/Flipkart/recyclerlistview) | 4.2.0 | - | [recyclerlistview](https://github.com/Flipkart/recyclerlistview/releases) | [链接](/zh-cn/recyclerListView.md) | -| 54 | [rn-placeholder](https://github.com/mfrachet/rn-placeholder) | 3.0.3 | - | [rn-placeholder](https://github.com/mfrachet/rn-placeholder/releases) | [链接](/zh-cn/rn-placeholder.md) | -| 55 | [styled-components](https://github.com/styled-components/styled-components) | 6.1.8 | - | [styled-components](https://github.com/styled-components/styled-components/releases) | [链接](/zh-cn/styled-components.md) | -| 56 | [styled-system](https://github.com/react-native-picker/picker) | 5.1.5 | - | [styled-system](https://github.com/styled-system/styled-system) | [链接](/zh-cn/styled-system.md) | -| 57 | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider) | 0.11.0 | - | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/releases) | [链接](/zh-cn/jeanregisser-react-native-slider.md) | -| 58 | [js-beautify](https://github.com/beautifier/js-beautify) | 1.15.1 | - | [js-beautify](https://github.com/beautifier/js-beautify/releases) | [链接](/zh-cn/js-beautify.md) | -| 59 | [react-native-base64](https://github.com/eranbo/react-native-base64) | 0.2.1 | - | [react-native-base64](https://github.com/eranbo/react-native-base64/releases) | [链接](/zh-cn/react-native-base64.md) | -| 60 | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box) | 2.1.0 | - | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box/releases) | [链接](/zh-cn/react-native-check-box.md) | -| 61 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-blur.md) | -| 62 | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios) | 1.11.0 | 否 | [@react-native-community/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases) | [链接](/zh-cn/react-native-community-push-notification-ios.md) | -| 63 | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies) | 6.2.1 | 否 | [@react-native-cookies/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases) | [链接](/zh-cn/react-native-cookies.md) | -| 64 | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js) | 1.0.0 | - | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js/releases) | [链接](/zh-cn/react-native-crypto-js.md) | -| 65 | [react-native-maps](https://github.com/react-native-maps/react-native-maps) | 1.10.3 | 是 | [react-native-maps](https://github.com/react-native-maps/react-native-maps/releases) | [链接](/zh-cn/react-native-maps.md) | -| 66 | [react-native-pdf](https://github.com/wonday/react-native-pdf) | 6.7.4 | 是 | [react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases) | [链接](/zh-cn/react-native-pdf.md) | -| 67 | [react-native-redash](https://github.com/wcandillon/react-native-redash/) | 18.1.3 | - | [react-native-redash](https://github.com/wcandillon/react-native-redash/releases) | [链接](/zh-cn/react-native-redash.md) | -| 68 | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel) | 3.9.1 | - | [react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases) | [链接](/zh-cn/react-native-snap-carousel.md) | -| 69 | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup) | 1.2.0 | - | [react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases) | [链接](/zh-cn/react-native-transitiongroup.md) | -| 70 | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal) | 1.1.0 | - | [react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases) | [链接](/zh-cn/react-native-translucent-modal.md) | -| 71 | [redux](https://github.com/reduxjs/redux) | 5.0.1 | - | [redux](https://github.com/reduxjs/redux/releases) | [链接](/zh-cn/redux.md) | -| 72 | [redux-logger](https://github.com/LogRocket/redux-logger) | 3.0.6 | - | [redux-logger](https://github.com/LogRocket/redux-logger/releases) | [链接](/zh-cn/redux-logger.md) | -| 73 | [redux-persist](https://github.com/rt2zz/redux-persist) | 6.0.0 | - | [redux-persist](https://github.com/rt2zz/redux-persist/releases) | [链接](/zh-cn/redux-persist.md) | -| 74 | [axios](https://github.com/axios/axios) | 1.6.7 | - | [axios](https://github.com/axios/axios/releases) | [链接](/zh-cn/axios.md) | -| 75 | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file) | 1.11.1 | - | [dayJs](https://github.com/iamkun/dayjs/releases) | [链接](/zh-cn/dayjs.md) | -| 76 | [EventBus](https://github.com/krasimir/EventBus) | 0.2.0 | - | [EventBus](https://github.com/krasimir/EventBus/releases) | [链接](/zh-cn/EventBus.md) | -| 77 | [immer](https://github.com/immerjs/immer) | 10.0.4 | - | [immer](https://github.com/immerjs/immer/releases) | [链接](/zh-cn/immer.md) | -| 78 | [JsBarCode](https://github.com/lindell/JsBarcode) | 3.11.6 | - | [JsBarCode](https://github.com/lindell/JsBarcode/releases) | [链接](/zh-cn/jsbarcode.md) | -| 79 | [Moment](https://github.com/moment/moment) | 2.30.1 | - | [Moment](https://github.com/moment/moment/releases) | [链接](/zh-cn/moment.md) | -| 80 | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator) | 1.4.4 | - | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator/releases) | [链接](/zh-cn/qrcode-generator.md) | -| 81 | [react-ahooks](https://github.com/alibaba/hooks) | 3.7.11 | - | [react-ahooks](https://github.com/alibaba/hooks/releases) | [链接](/zh-cn/react-ahooks.md) | -| 82 | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat) | 3.0.4 | - | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat/releases) | [链接](/zh-cn/react-lifecycles-compat.md) | -| 83 | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number) | 0.1.2 | - | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number/releases) | [链接](/zh-cn/react-native-animate-number.md) | -| 84 | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util) | 0.19.6 | 是 | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases) | [链接](/zh-cn/react-native-blob-util.md) | -| 85 | [react-native-canvas](https://github.com/iddan/react-native-canvas) | 0.1.39 | - | [react-native-canvas](https://github.com/iddan/react-native-canvas/releases) | [链接](/zh-cn/react-native-canvas.md) | -| 86 | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field) | 7.4.0 | - | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field/releases) | [链接](/zh-cn/react-native-confirmation-code-field.md) | -| 87 | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill) | 2.0.0 | - | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill/releases) | [链接](/zh-cn/react-native-drawer-layout-polyfill.md) | -| 88 | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro) | 1.9.1 | - | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro/releases) | [链接](/zh-cn/react-native-echarts-pro.md) | -| 89 | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image) | 1.5.5 | - | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases) | [链接](/zh-cn/react-native-fit-Image.md) | -| 90 | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor) | 3.2.0 | 是 | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases) | [链接](/zh-cn/react-native-image-editor.md) | -| 91 | [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) | [链接](/zh-cn/react-native-image-viewer.md) | -| 92 | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom) | 2.1.12 | - | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases) | [链接](/zh-cn/react-native-image-zoom.md) | -| 93 | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer) | 0.2.0 | - | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases) | [链接](/zh-cn/react-native-intersection-observer.md) | -| 94 | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing) | 0.2.2 | | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases) | [链接](/zh-cn/react-native-image-viewing.md) | -| 95 | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig) | 7.0.2 | - | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases) | [链接](/zh-cn/react-native-markdown-display.md) | -| 96 | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee) | 0.5.0 | - | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases) | [链接](/zh-cn/react-native-marquee.md) | -| 97 | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view) | 5.1.7 | - | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases) | [链接](/zh-cn/react-native-popover-view.md) | -| 98 | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu) | 0.16.0 | - | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu/releases) | [链接](/zh-cn/react-native-popup-menu.md) | -| 99 | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull) | 2.0.4 | - | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases) | [链接](/zh-cn/react-native-pull.md) | -| 100 | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table) | 0.2.0 | - | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table/releases) | [链接](/zh-cn/react-native-reanimated-table.md) | -| 101 | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view) | 1.0.0 | - | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases) | [链接](/zh-cn/react-native-scrollable-tab-view.md) | -| 102 | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader) | 1.1.3 | - | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases) | [链接](/zh-cn/react-native-stickyheader.md) | -| 103 | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill) | 3.2.9 | - | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill/releases) | [链接](/zh-cn/react-native-swipe-list-view.md) | -| 104 | [react-native-swiper](https://github.com/leecade/react-native-swiper) | 1.6.0 | - | [react-native-swiper](https://github.com/leecade/react-native-swiper/releases) | [链接](/zh-cn/react-native-swiper.md) | -| 105 | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core) | 0.5.0 | 是 | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases) | [链接](/zh-cn/react-native-worklets-core.md) | -| 106 | [react-use](https://github.com/zenghongtu/react-use) | 17.2.4 | - | [react-use](https://github.com/zenghongtu/react-use/releases) | [链接](/zh-cn/react-use.md) | -| 107 | [redux-toolkit](https://github.com/reduxjs/redux-toolkit) | 2.2.3 | - | [redux-toolkit](https://github.com/reduxjs/redux-toolkit/releases) | [链接](/zh-cn/redux-toolkit.md) | - -## 社区 - -[Github Organization: react-native-oh-library](https://github.com/react-native-oh-library) +> [!WARNING] 本文档仅用于三方库使用指导，不涉及任何 React Native OpenHarmony 框架的信息，且会随着 React Native OpenHarmony 框架持续迭代更新，当前版本不代表最终展示版本。 + +# 简介 + +> 如果你在找如何搭建环境的文档，请移步开发文档的 [搭建开发环境](https://react-native-oh-library.gitee.io/docs/#/zh-cn/environment) 章节。 + +## 概述 + +该文档旨在帮助开发者在 HarmonyOS 平台使用 React Native OpenHarmony 的第三方库，并呈现每个三方库的信息。 + +## 贡献文档 + +欢迎您参与贡献，我们鼓励开发者以各种方式参与文档反馈和贡献。 + +您可以对现有文档进行评价、简单更改、反馈文档质量问题、贡献您的原创内容，详细请参考[贡献文档](/zh-cn/contribute.md)。 + +## RNOH 三方库总览 + +> [!tip] NPM 公仓坐标：@react-native-oh-tpl + +| 序号 | 原库名 | 原库基线版本 | 原库是否支持新架构 | Releases | 文档链接 | +| :--: | :--------------------------------------: | :-----------: | :-------: | :--------------------------------------: | :--------------------------------------: | +| 1 | [@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) | [链接](/zh-cn/react-native-async-storage-async-storage.md) | +| 2 | [@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) | [链接](/zh-cn/react-native-clipboard-clipboard.md) | +| 3 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-datetimepicker.md) | +| 4 | [@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) | [链接](/zh-cn/shopify-flash-list.md) | +| 5 | [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) | [链接](/zh-cn/lottie-react-native.md) | +| 6 | [@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) | [链接](/zh-cn/react-native-picker-picker.md) | +| 7 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-progress-bar-android.md) | +| 8 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-checkbox.md) | +| 9 | [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) | [链接](/zh-cn/react-native-exception-handler.md) | +| 10 | [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) | [链接](/zh-cn/react-native-fast-image.md) | +| 11 | [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-gesture-handler/releases) | [链接](/zh-cn/react-native-gesture-handler.md) | +| 12 | [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) | [链接](/zh-cn/react-native-image-picker.md) | +| 13 | [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) | [链接](/zh-cn/react-native-linear-gradient.md) | +| 14 | [@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) | [链接](/zh-cn/react-native-masked-view-masked-view.md) | +| 15 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-netinfo.md) | +| 16 | [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) | [链接](/zh-cn/react-native-pager-view.md) | +| 17 | [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) | [链接](/zh-cn/react-native-safe-area-context.md) | +| 18 | [react-native-screens](https://github.com/software-mansion/react-native-screens) | 3.29.0 | 是 | [react-native-screens](https://github.com/software-mansion/react-native-screens/releases) | [链接](/zh-cn/react-native-screens.md) | +| 19 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-slider.md) | +| 20 | [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) | [链接](/zh-cn/react-native-SmartRefreshLayout.md) | +| 21 | [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) | [链接](/zh-cn/react-native-svg.md) | +| 22 | [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) | [链接](/zh-cn/react-native-tab-view.md) | +| 23 | [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) | [链接](/zh-cn/react-native-video.md) | +| 24 | [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) | [链接](/zh-cn/react-native-webview.md) | +| 25 | [@react-navigation/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) | [链接](/zh-cn/react-navigation-elements.md) | +| 26 | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0) | 4.2.0 | - | [crypto-js](https://github.com/brix/crypto-js/tree/4.2.0) | [链接](/zh-cn/crypto-js.md) | +| 27 | [deepmerge](https://github.com/TehShrike/deepmerge) | 4.3.1 | - | [deepmerge](https://github.com/TehShrike/deepmerge/releases) | [链接](/zh-cn/deepmerge.md) | +| 28 | [htmlparser2](https://github.com/fb55/htmlparser2) | 9.1.0 | - | [htmlparser2](https://github.com/fb55/htmlparser2/releases) | [链接](/zh-cn/htmlparser2.md) | +| 29 | [js-beautify](https://github.com/beautifier/js-beautify) | 1.14.9 | - | [js-beautify](https://github.com/beautifier/js-beautify/releases) | [链接](/zh-cn/js-beautify) | +| 30 | [lodash](https://github.com/lodash/lodash/tree/4.17.21) | 4.17.21 | - | [lodash](https://github.com/lodash/lodash//releases) | [链接](/zh-cn/lodash.md) | +| 31 | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0) | 7.6.0 | - | [mobx-react](https://github.com/mobxjs/mobx/tree/mobx-react%407.6.0) | [链接](/zh-cn/mobx-react.md) | +| 32 | [mobx](https://github.com/mobxjs/mobx/tree/mobx%406.10.0) | 6.10.0 | - | [mobx](https://github.com/mobxjs/mobx/tree/mobx%406.10.0) | [链接](/zh-cn/mobx.md) | +| 33 | [parse5](https://github.com/inikulin/parse5) | 7.1.2 | - | [parse5](https://github.com/inikulin/parse5/releases) | [链接](/zh-cn/parse5.md) | +| 34 | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1) | 15.8.1 | - | [prop-types](https://github.com/facebook/prop-types/tree/v15.8.1) | [链接](/zh-cn/prop-types.md) | +| 35 | [react-i18next](https://github.com/i18next/react-i18next) | 8.6.3 | - | [react-i18next](https://github.com/i18next/react-i18next/releases) | [链接](/zh-cn/react-i18next.md) | +| 36 | [react-native-action-button](https://github.com/mastermoo/react-native-action-button) | 2.8.5 | - | [react-native-action-button](https://github.com/mastermoo/react-native-action-button/releases) | [链接](/zh-cn/react-native-action-button.md) | +| 37 | [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) | [链接](/zh-cn/react-native-autoheight-webview.md) | +| 38 | [@react-native-camera-roll/camera-roll](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) | [链接](/zh-cn/react-native-cameraroll.md) | +| 39 | [@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) | [链接](/zh-cn/react-native-masked-view-masked-view.md) | +| 40 | [@react-native-community/progress-view](https://github.com/react-native-progress-view/progress-view) | 1.4.2 | 是 | [@react-native-community/progress-view](https://github.com/react-native-oh-library/progress-view/releases) | [链接](/zh-cn/react-native-community-progress-view.md) | +| 41 | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control) | 2.5.0 | - | [@react-native-segmented-control/segmented-control](https://github.com/react-native-segmented-control/segmented-control/releases) | [链接](/zh-cn/react-native-community-segmented-control.md) | +| 42 | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv) | 3.4.9 | - | [react-native-dotenv](https://github.com/goatandsheep/react-native-dotenv/releases) | [链接](/zh-cn/react-native-dotenv.md) | +| 43 | [@react-native-community/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) | [链接](/zh-cn/react-native-geolocation.md) | +| 44 | [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) | [链接](/zh-cn/react-native-qrcode-svg.md) | +| 45 | [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) | [链接](/zh-cn/react-native-reanimated.md) | +| 46 | [react-native-render-html](https://github.com/meliorence/react-native-render-html) | 6.3.4 | - | [react-native-render-html](https://github.com/meliorence/react-native-render-html/releases) | [链接](/zh-cn/react-native-render-html.md) | +| 47 | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout) | 2.2.3 | - | [react-native-section-list-get-item-layout](https://github.com/jsoendermann/rn-section-list-get-item-layout/releases) | [链接](/zh-cn/react-native-section-list-get-item-layout.md) | +| 48 | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons) | 10.0.3 | - | [react-native-vector-icons](https://github.com/oblador/react-native-vector-icons/releases) | [链接](/zh-cn/react-native-vector-icons.md) | +| 49 | [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) | [链接](/zh-cn/react-native-view-shot.md) | +| 50 | [ @react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs) | 6.5.11 | - | [ @react-navigation/bottom-tabs](https://github.com/react-navigation/react-navigation/tree/6.x/packages/bottom-tabs) | [链接](/zh-cn/react-navigation-bottom-tabs.md) | +| 51 | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native) | 6.1.9 | - | [@react-navigation/native](https://github.com/react-navigation/react-navigation/tree/6.x/packages/native/) | [链接](/zh-cn/react-navigation-native.md) | +| 52 | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack) | 6.3.19 | - | [@react-navigation/stack](https://github.com/react-navigation/react-navigation/tree/6.x/packages/stack) | [链接](/zh-cn/react-navigation-stack.md) | +| 53 | [recyclerlistview](https://github.com/Flipkart/recyclerlistview) | 4.2.0 | - | [recyclerlistview](https://github.com/Flipkart/recyclerlistview/releases) | [链接](/zh-cn/recyclerListView.md) | +| 54 | [rn-placeholder](https://github.com/mfrachet/rn-placeholder) | 3.0.3 | - | [rn-placeholder](https://github.com/mfrachet/rn-placeholder/releases) | [链接](/zh-cn/rn-placeholder.md) | +| 55 | [styled-components](https://github.com/styled-components/styled-components) | 6.1.8 | - | [styled-components](https://github.com/styled-components/styled-components/releases) | [链接](/zh-cn/styled-components.md) | +| 56 | [styled-system](https://github.com/react-native-picker/picker) | 5.1.5 | - | [styled-system](https://github.com/styled-system/styled-system) | [链接](/zh-cn/styled-system.md) | +| 57 | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider) | 0.11.0 | - | [jeanregisser/react-native-slider](https://github.com/react-native-oh-library/jeanregisser-react-native-slider/releases) | [链接](/zh-cn/jeanregisser-react-native-slider.md) | +| 58 | [js-beautify](https://github.com/beautifier/js-beautify) | 1.15.1 | - | [js-beautify](https://github.com/beautifier/js-beautify/releases) | [链接](/zh-cn/js-beautify.md) | +| 59 | [react-native-base64](https://github.com/eranbo/react-native-base64) | 0.2.1 | - | [react-native-base64](https://github.com/eranbo/react-native-base64/releases) | [链接](/zh-cn/react-native-base64.md) | +| 60 | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box) | 2.1.0 | - | [react-native-check-box](https://github.com/crazycodeboy/react-native-check-box/releases) | [链接](/zh-cn/react-native-check-box.md) | +| 61 | [@react-native-community/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) | [链接](/zh-cn/react-native-community-blur.md) | +| 62 | [@react-native-community/push-notification-ios](https://github.com/react-native-push-notification/ios) | 1.11.0 | 否 | [@react-native-community/push-notification-ios](https://github.com/react-native-oh-library/react-native-push-notification-ios/releases) | [链接](/zh-cn/react-native-community-push-notification-ios.md) | +| 63 | [@react-native-cookies/cookies](https://github.com/react-native-cookies/cookies) | 6.2.1 | 否 | [@react-native-cookies/cookies](https://github.com/react-native-oh-library/react-native-cookies/releases) | [链接](/zh-cn/react-native-cookies.md) | +| 64 | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js) | 1.0.0 | - | [react-native-crypto-js](https://github.com/imchintan/react-native-crypto-js/releases) | [链接](/zh-cn/react-native-crypto-js.md) | +| 65 | [react-native-maps](https://github.com/react-native-maps/react-native-maps) | 1.10.3 | 是 | [react-native-maps](https://github.com/react-native-maps/react-native-maps/releases) | [链接](/zh-cn/react-native-maps.md) | +| 66 | [react-native-pdf](https://github.com/wonday/react-native-pdf) | 6.7.4 | 是 | [react-native-pdf](https://github.com/react-native-oh-library/react-native-pdf/releases) | [链接](/zh-cn/react-native-pdf.md) | +| 67 | [react-native-redash](https://github.com/wcandillon/react-native-redash/) | 18.1.3 | - | [react-native-redash](https://github.com/wcandillon/react-native-redash/releases) | [链接](/zh-cn/react-native-redash.md) | +| 68 | [react-native-snap-carousel](https://github.com/meliorence/react-native-snap-carousel) | 3.9.1 | - | [react-native-snap-carousel](https://github.com/react-native-oh-library/react-native-snap-carousel/releases) | [链接](/zh-cn/react-native-snap-carousel.md) | +| 69 | [react-native-transitiongroup](https://github.com/madsleejensen/react-native-transitiongroup) | 1.2.0 | - | [react-native-transitiongroup](https://github.com/react-native-oh-library/react-native-transitiongroup/releases) | [链接](/zh-cn/react-native-transitiongroup.md) | +| 70 | [react-native-translucent-modal](https://github.com/23mf/react-native-translucent-modal) | 1.1.0 | - | [react-native-translucent-modal](https://github.com/react-native-oh-library/react-native-translucent-modal/releases) | [链接](/zh-cn/react-native-translucent-modal.md) | +| 71 | [redux](https://github.com/reduxjs/redux) | 5.0.1 | - | [redux](https://github.com/reduxjs/redux/releases) | [链接](/zh-cn/redux.md) | +| 72 | [redux-logger](https://github.com/LogRocket/redux-logger) | 3.0.6 | - | [redux-logger](https://github.com/LogRocket/redux-logger/releases) | [链接](/zh-cn/redux-logger.md) | +| 73 | [redux-persist](https://github.com/rt2zz/redux-persist) | 6.0.0 | - | [redux-persist](https://github.com/rt2zz/redux-persist/releases) | [链接](/zh-cn/redux-persist.md) | +| 74 | [axios](https://github.com/axios/axios) | 1.6.7 | - | [axios](https://github.com/axios/axios/releases) | [链接](/zh-cn/axios.md) | +| 75 | [dayJs](https://github.com/iamkun/dayjs?tab=readme-ov-file) | 1.11.1 | - | [dayJs](https://github.com/iamkun/dayjs/releases) | [链接](/zh-cn/dayjs.md) | +| 76 | [EventBus](https://github.com/krasimir/EventBus) | 0.2.0 | - | [EventBus](https://github.com/krasimir/EventBus/releases) | [链接](/zh-cn/EventBus.md) | +| 77 | [immer](https://github.com/immerjs/immer) | 10.0.4 | - | [immer](https://github.com/immerjs/immer/releases) | [链接](/zh-cn/immer.md) | +| 78 | [JsBarCode](https://github.com/lindell/JsBarcode) | 3.11.6 | - | [JsBarCode](https://github.com/lindell/JsBarcode/releases) | [链接](/zh-cn/jsbarcode.md) | +| 79 | [Moment](https://github.com/moment/moment) | 2.30.1 | - | [Moment](https://github.com/moment/moment/releases) | [链接](/zh-cn/moment.md) | +| 80 | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator) | 1.4.4 | - | [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator/releases) | [链接](/zh-cn/qrcode-generator.md) | +| 81 | [react-ahooks](https://github.com/alibaba/hooks) | 3.7.11 | - | [react-ahooks](https://github.com/alibaba/hooks/releases) | [链接](/zh-cn/react-ahooks.md) | +| 82 | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat) | 3.0.4 | - | [react-lifecycles-compat](https://github.com/reactjs/react-lifecycles-compat/releases) | [链接](/zh-cn/react-lifecycles-compat.md) | +| 83 | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number) | 0.1.2 | - | [react-native-animate-number](https://github.com/wkh237/react-native-animate-number/releases) | [链接](/zh-cn/react-native-animate-number.md) | +| 84 | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util) | 0.19.6 | 是 | [react-native-blob-util](https://github.com/react-native-oh-library/react-native-blob-util/releases) | [链接](/zh-cn/react-native-blob-util.md) | +| 85 | [react-native-canvas](https://github.com/iddan/react-native-canvas) | 0.1.39 | - | [react-native-canvas](https://github.com/iddan/react-native-canvas/releases) | [链接](/zh-cn/react-native-canvas.md) | +| 86 | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field) | 7.4.0 | - | [react-native-confirmation-code-field](https://github.com/retyui/react-native-confirmation-code-field/releases) | [链接](/zh-cn/react-native-confirmation-code-field.md) | +| 87 | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill) | 2.0.0 | - | [react-native-drawer-layout-polyfill](https://github.com/rnc-archive/react-native-drawer-layout-polyfill/releases) | [链接](/zh-cn/react-native-drawer-layout-polyfill.md) | +| 88 | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro) | 1.9.1 | - | [react-native-echarts-pro](https://github.com/supervons/react-native-echarts-pro/releases) | [链接](/zh-cn/react-native-echarts-pro.md) | +| 89 | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image) | 1.5.5 | - | [react-native-fit-Image](https://github.com/huiseoul/react-native-fit-image/releases) | [链接](/zh-cn/react-native-fit-Image.md) | +| 90 | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor) | 3.2.0 | 是 | [react-native-image-editor](https://github.com/react-native-oh-library/react-native-image-editor/releases) | [链接](/zh-cn/react-native-image-editor.md) | +| 91 | [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) | [链接](/zh-cn/react-native-image-viewer.md) | +| 92 | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom) | 2.1.12 | - | [react-native-image-zoom](https://github.com/react-native-oh-library/react-native-image-zoom/releases) | [链接](/zh-cn/react-native-image-zoom.md) | +| 93 | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer) | 0.2.0 | - | [react-native-intersection-observer](https://github.com/react-native-oh-library/react-native-intersection-observer/releases) | [链接](/zh-cn/react-native-intersection-observer.md) | +| 94 | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing) | 0.2.2 | | [react-native-image-viewing](https://github.com/react-native-oh-library/react-native-image-viewing/releases) | [链接](/zh-cn/react-native-image-viewing.md) | +| 95 | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/tree/sig) | 7.0.2 | - | [react-native-markdown-display](https://github.com/react-native-oh-library/react-native-markdown-display/releases) | [链接](/zh-cn/react-native-markdown-display.md) | +| 96 | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee) | 0.5.0 | - | [react-native-marquee](https://github.com/react-native-oh-library/react-native-marquee/releases) | [链接](/zh-cn/react-native-marquee.md) | +| 97 | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view) | 5.1.7 | - | [react-native-popover-view](https://github.com/react-native-oh-library/react-native-popover-view/releases) | [链接](/zh-cn/react-native-popover-view.md) | +| 98 | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu) | 0.16.0 | - | [react-native-popup-menu](https://github.com/instea/react-native-popup-menu/releases) | [链接](/zh-cn/react-native-popup-menu.md) | +| 99 | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull) | 2.0.4 | - | [react-native-pull](https://github.com/react-native-oh-library/react-native-pull/releases) | [链接](/zh-cn/react-native-pull.md) | +| 100 | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table) | 0.2.0 | - | [react-native-reanimated-table](https://github.com/dohooo/react-native-reanimated-table/releases) | [链接](/zh-cn/react-native-reanimated-table.md) | +| 101 | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view) | 1.0.0 | - | [react-native-scrollable-tab-view](https://github.com/react-native-oh-library/react-native-scrollable-tab-view/releases) | [链接](/zh-cn/react-native-scrollable-tab-view.md) | +| 102 | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader) | 1.1.3 | - | [react-native-stickyheader](https://github.com/react-native-oh-library/react-native-stickyheader/releases) | [链接](/zh-cn/react-native-stickyheader.md) | +| 103 | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill) | 3.2.9 | - | [react-native-swipe-list-view](https://github.com/rnc-archive/react-native-drawer-layout-polyfill/releases) | [链接](/zh-cn/react-native-swipe-list-view.md) | +| 104 | [react-native-swiper](https://github.com/leecade/react-native-swiper) | 1.6.0 | - | [react-native-swiper](https://github.com/leecade/react-native-swiper/releases) | [链接](/zh-cn/react-native-swiper.md) | +| 105 | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core) | 0.5.0 | 是 | [react-native-worklets-core](https://github.com/react-native-oh-library/react-native-worklets-core/releases) | [链接](/zh-cn/react-native-worklets-core.md) | +| 106 | [react-use](https://github.com/zenghongtu/react-use) | 17.2.4 | - | [react-use](https://github.com/zenghongtu/react-use/releases) | [链接](/zh-cn/react-use.md) | +| 107 | [redux-toolkit](https://github.com/reduxjs/redux-toolkit) | 2.2.3 | - | [redux-toolkit](https://github.com/reduxjs/redux-toolkit/releases) | [链接](/zh-cn/redux-toolkit.md) | +| 108 | [react-native-text-size](https://github.com/aMarCruz/react-native-text-size) | 4.0.0 | 是 | [react-native-text-size](https://github.com/react-native-oh-library/react-native-text-size/releases) | [链接](/zh-cn/react-native-text-size.md) | +| 109 | [react-router-dom](https://github.com/remix-run/react-router) | 6.22.3 | 是 | [react-router-dom](https://github.com/remix-run/react-router/releases) | [链接](/zh-cn/react-router-dom.md) | +| 110 | [redux-actions](https://github.com/redux-utilities/redux-actions) | 3.0.0 | - | [redux-actions](https://github.com/redux-utilities/redux-actions/releases) | [链接](/zh-cn/redux-actions.md) | +| 111 | [redux-thunk](https://github.com/reduxjs/redux-thunk) | 3.1.0 | - | [redux-thunk](https://github.com/reduxjs/redux-thunk/releases) | [链接](/zh-cn/redux-thunk.md) | +| 112 | [react-native-aria](https://github.com/gluestack/react-native-aria/) | 0.2.4 | 是 | [react-native-aria](https://github.com/gluestack/react-native-aria/releases) | [链接](/zh-cn/react-native-aria.md) | +| 113 | [react-native-progress](https://github.com/oblador/react-native-progress) | 5.0.1 | - | [react-native-progress](https://github.com/react-native-oh-library/react-native-progress/releases) | [链接](/zh-cn/react-native-progress.md) | +| 114 | [react-native-fs](https://github.com/itinance/react-native-fs) | 2.20.0 | 是 | [react-native-fs](https://github.com/react-native-oh-library/react-native-fs/releases) | [链接](/zh-cn/react-native-fs.md) | +| 115 | [react-native-keyboard-aware-scroll-view](https://github.com/APSL/react-native-keyboard-aware-scroll-view) | 0.9.5 | - | [react-native-keyboard-aware-scroll-view](https://github.com/react-native-oh-library/react-native-keyboard-aware-scroll-view/releases) | [链接](/zh-cn/react-native-keyboard-aware-scroll-view.md) | +| 116 | [react-native-permissions](https://github.com/zoontek/react-native-permissions) | 4.1.5 | 是 | [react-native-permissions](https://github.com/react-native-oh-library/react-native-permissions/releases) | [链接](/zh-cn/react-native-permissions.md) | +| 117 | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort) | 2.4.4 | 是 | [react-native-drag-sort](https://github.com/mochixuan/react-native-drag-sort/releases) | [链接](/zh-cn/react-native-drag-sort.md) | +| 118 | [react-native-sound](https://github.com/zmxv/react-native-sound) | 0.11.2 | 是 | [react-native-sound](https://github.com/react-native-oh-library/react-native-sound/releases) | [链接](/zh-cn/react-native-sound.md) | +| 119 | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel) | 3.5.1 | - | [react-native-reanimated-carousel](https://github.com/dohooo/react-native-reanimated-carousel/releases) | [链接](/zh-cn/react-native-reanimated-carousel.md) | +| 120 | [@react-native-community/toolbar-android](https://github.com/react-native-toolbar-android/toolbar-android) | 0.2.1 | 是 | [@react-native-community/toolbar-android](https://github.com/react-native-oh-library/toolbar-android/releases) | [链接](/zh-cn/react-native-toolbar-android.md) | +| 121 | [react-redux](https://github.com/reduxjs/react-redux) | 9.1.1 | - | [react-redux](https://github.com/reduxjs/react-redux/releases) | [链接](/zh-cn/react-redux.md) | +| 122 | [react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh) | 0.7.0 | - | [react-native-MJRefresh](https://github.com/react-native-oh-library/react-native-MJRefresh/releases) | [链接](/zh-cn/react-native-MJRefresh.md) | + +## 社区 + +[Github Organization: react-native-oh-library](https://github.com/react-native-oh-library) diff --git a/zh-cn/react-native-MJRefresh.md b/zh-cn/react-native-MJRefresh.md new file mode 100644 index 00000000..210b7c34 --- /dev/null +++ b/zh-cn/react-native-MJRefresh.md @@ -0,0 +1,284 @@ +> 模板版本：v0.1.3 + +

+

react-native-MJRefresh

+

+

+ + Supported platforms + + + License + + +

+ +> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-MJRefresh) + +## 安装与使用 + +请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-library/react-native-MJRefresh> Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases)，并下载适用版本的 tgz 包。 + +进入到工程目录并输入以下命令： + +> [!TIP] # 处替换为 tgz 包的路径 + + + +#### npm + +```bash +npm install @react-native-oh-tpl/react-native-mjrefresh@file:# +``` + +#### yarn + +```bash +yarn add @react-native-oh-tpl/react-native-mjrefresh@file:# +``` + + + +下面的代码展示了这个库的基本使用场景： + +> [!WARNING] 使用时 import 的库名不变。 + +```tsx +import React, { useState } from "react"; +import { ScrollView, Text, View } from "react-native"; +import { MJRefreshControl } from "react-native-mjrefresh"; + +export const MjRefreshDemo = () => { + const [state, setState] = useState<{ + message?: string; + }>({ + message: "", + }); + const { message } = state; + let mjRefreshRef: React.RefObject; + return ( + + (this.mjRefreshRef = ref)} + onRefresh={() => { + setState({ message: "正在刷新" }); + console.log("------------onRefresh"); + // 开始刷新 + this.mjRefreshRef.beginRefresh(); + // 自定义刷新结束事件 + setTimeout(() => { + console.log("------------ Finish Refresh"); + // 结束刷新 + this.mjRefreshRef.finishRefresh(); + }, 2000); + }} + onRefreshIdle={() => { + setState({ message: "下拉刷新" }); + console.log("------------onRefreshIdle"); + }} + onReleaseToRefresh={() => { + setState({ message: "释放刷新" }); + console.log("------------onReleaseToRefresh"); + }} + onPulling={() => { + setState({ message: "下拉刷新" }); + console.log("------------onPulling"); + }} + > + } + > + Refresh State:{message} + + ); +}; +``` + +## Link + +目前鸿蒙暂不支持 AutoLink，所以 Link 步骤需要手动配置。 + +首先需要使用 DevEco Studio 打开项目里的鸿蒙工程 `harmony` + +### 引入原生端代码 + +目前有两种方法： + +1. 通过 har 包引入（在 IDE 完善相关功能后该方法会被遗弃，目前首选此方法）； +2. 直接链接源码。 + +方法一：通过 har 包引入 + +> [!TIP] har 包位于三方库安装路径的 `harmony` 文件夹下。 + +打开 `entry/oh-package.json5`，添加以下依赖 + +```json +"dependencies": { + "rnoh": "file:../rnoh", + "rnoh-mjrefresh": "file:../../node_modules/@react-native-oh-tpl/react-native-mjrefresh/harmony/mjrefresh.har" + } +``` + +点击右上角的 `sync` 按钮 + +或者在终端执行： + +```bash +cd entry +ohpm install +``` + +方法二：直接链接源码 + +> [!TIP] 源码位于三方库安装路径的 `harmony` 文件夹下。 + +打开 `entry/oh-package.json5`，添加以下依赖 + +```json +"dependencies": { + "rnoh": "file:../rnoh", + "rnoh-mjrefresh": "file:../../node_modules/@react-native-oh-tpl/react-native-mjrefresh/harmony/mjrefresh" + } +``` + +打开终端，执行： + +```bash +cd entry +ohpm install --no-link +``` + +### 配置 CMakeLists 和引入 MJRefreshPackge + +打开 `entry/src/main/cpp/CMakeLists.txt`，添加： + +```diff +txtproject(rnapp) +cmake_minimum_required(VERSION 3.4.1) +set(RNOH_APP_DIR "${CMAKE_CURRENT_SOURCE_DIR}") +set(OH_MODULE_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../oh_modules") +set(RNOH_CPP_DIR "${CMAKE_CURRENT_SOURCE_DIR}/../../../../../../react-native-harmony/harmony/cpp") + +add_subdirectory("${RNOH_CPP_DIR}" ./rn) + +# RNOH_BEGIN: add_package_subdirectories +add_subdirectory("../../../../sample_package/src/main/cpp" ./sample-package) ++ add_subdirectory("${OH_MODULE_DIR}/rnoh-mjrefresh/src/main/cpp" ./mjrefresh) +# RNOH_END: add_package_subdirectories + +add_library(rnoh_app SHARED + "./PackageProvider.cpp" + "${RNOH_CPP_DIR}/RNOHAppNapiBridge.cpp" +) + +target_link_libraries(rnoh_app PUBLIC rnoh) + +# RNOH_BEGIN: link_packages +target_link_libraries(rnoh_app PUBLIC rnoh_sample_package) ++ target_link_libraries(rnoh_app PUBLIC rnoh_mjrefresh) +# RNOH_END: link_packages +``` + +打开 `entry/src/main/cpp/PackageProvider.cpp`，添加： + +```diff +#include "RNOH/PackageProvider.h" +#include "SamplePackage.h" ++ #include "MJRefreshPackage.h" + +using namespace rnoh; + +std::vector> PackageProvider::getPackages(Package::Context ctx) { + return { + std::make_shared(ctx), ++ std::make_shared(ctx), + }; +} +``` + +### 在 ArkTs 侧引入 MJRefresh组件 + +找到 **function buildCustomComponent()**，一般位于 `entry/src/main/ets/pages/index.ets` 或 `entry/src/main/ets/rn/LoadBundle.ets`，添加： + +```diff +... ++ import { MJRefresh, MJREFRESH_TYPE} from "rnoh-mjrefresh" + + @Builder + function buildCustomComponent(ctx: ComponentBuilderContext) { + if (ctx.componentName === SAMPLE_VIEW_TYPE) { + SampleView({ + ctx: ctx.rnComponentContext, + tag: ctx.tag, + buildCustomComponent: buildCustomComponent + }) + } ++ else if (ctx.componentName === MJREFRESH_TYPE) { ++ MJRefresh({ ++ ctx: ctx.rnComponentContext, ++ tag: ctx.tag, ++ buildCustomComponent: buildCustomComponent ++ }) ++ } + ... + } + ... +``` + +### 运行 + +点击右上角的 `sync` 按钮 + +或者在终端执行： + +```bash +cd entry +ohpm install +``` + +然后编译、运行即可。 + +## 约束与限制 + +### 兼容性 + +要使用此库，需要使用正确的 React-Native 和 RNOH 版本。另外，还需要使用配套的 DevEco Studio 和 手机 ROM。 + +请到三方库相应的 Releases 发布地址查看 Release 配套的版本信息：[<@react-native-oh-library/react-native-MJRefresh> Releases](https://github.com/react-native-oh-library/react-native-MJRefresh/releases) + +## 属性 + +> [!tip] "Platform"列表示该属性在原三方库上支持的平台。 + +> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。 + +详情请见[react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh) + +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| :----------------- | ----------- | -------- | -------- | -------- | ----------------- | +| onRefresh | System Path | function | No | IOS | yes | +| onRefreshIdle | System Path | function | No | IOS | yes | +| onReleaseToRefresh | System Path | function | No | IOS | yes | +| onPulling | System Path | function | No | IOS | yes | + +## 静态方法 + +> [!tip] "Platform"列表示该属性在原三方库上支持的平台。 + +> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。 + +详情请见[react-native-MJRefresh](https://github.com/react-native-studio/react-native-MJRefresh) + +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| :------------ | ----------- | -------- | -------- | -------- | ----------------- | +| beginRefresh | System Path | function | No | IOS | yes | +| finishRefresh | System Path | function | No | IOS | yes | + +## 其他 + +## 开源协议 + +本项目基于 [The MIT License (MIT)](https://github.com/react-native-studio/react-native-MJRefresh/blob/master/LICENSE) ，请自由地享受和参与开源。 diff --git a/zh-cn/react-native-aria.md b/zh-cn/react-native-aria.md new file mode 100644 index 00000000..9e505a98 --- /dev/null +++ b/zh-cn/react-native-aria.md @@ -0,0 +1,568 @@ +> 模板版本：v0.1.3 + +

+

react-native-aria

+

+

+ + Supported platforms + + + License + +

+ +> [!tip] [Github 地址](https://github.com/gluestack/react-native-aria/tree/v0.2.4) + +## 安装与使用 + +React Native ARIA是可增量采用的。每个组件都作为单独的包发布，因此您可以在单个组件中使用它，并随着时间的推移逐渐添加更多组件。所有这些包都在npm上的@react-native-aria范围内发布。 + +进入到工程目录并输入以下命令： + +#### **yarn** + +```bash +yarn add @react-native-aria/button@0.2.2 +``` + + + +#### **npm** + +```bash +npm install @react-native-aria/button@0.2.2 +``` + + + +除了单独的包之外，我们还提供了一个总包，其中包含所有React Native ARIA hooks + +#### **yarn** + +```bash +yarn add react-native-aria@0.2.2 +``` + + + +#### **npm** + +```bash +npm install react-native-aria@0.2.2 +``` + + + +下面的代码展示了useToggleButton的基本使用场景： + +```js +import React from "react"; +import { useToggleButton } from "@react-native-aria/button"; +import { Pressable, Text, View } from "react-native"; +import { useToggleState } from "@react-stately/toggle"; +import { useRef } from "react"; + +export function ToggleButton(props) { + const ref = useRef(null); + let state = useToggleState(props); + let { buttonProps, isPressed } = useToggleButton(props, state, ref); //useToggleButton 是一个用于创建可切换按钮的 Hook，接受三个参数 + + return ( + + + + A simple toggle button + + + + + + {state.isSelected ? "Selected" : "Not Selected"} + + + + ); +} + +export default function AriaDemo() { + return ( + + Toggle button + + ); +} +``` + +下面的代码展示了useCheckbox与useCheckboxGroup的基本使用场景： + +```javascript +import React ,{ useContext, useRef }from 'react'; +import {useCheckboxGroupState} from '@react-stately/checkbox'; +import {useCheckbox, useCheckboxGroup,useCheckboxGroupItem} from '@react-native-aria/checkbox'; +import {Platform, Pressable, Text, View} from 'react-native'; +import {VisuallyHidden} from '@react-aria/visually-hidden'; +import {useFocusRing} from '@react-native-aria/focus'; +let CheckboxGroupContext = React.createContext(null); + +export function CheckboxGroup(props: any) { + let {children, label} = props; + let state = useCheckboxGroupState(props); + let {checkboxgroupProps, labelProps} = useCheckboxGroup(props, state); + + return ( + + {label && {label}} + + {children} + + + ); +} +export function Checkbox(props: any) { + + let state = useContext(CheckboxGroupContext); + const inputRef = React.useRef(null); + let {isFocusVisible, focusProps} = useFocusRing(); + let { inputProps } = state + ? + useCheckboxGroupItem( + { + ...props, + isRequired: props.isRequired, + validationState: props.validationState, + }, + state, + inputRef + ) + : + useCheckbox(props, useToggleState(props), inputRef); + return ( + <> + + + + {props.children} + + {inputProps.checked ? 'selected' : 'not selected'} + + + ); +} + +export default function CheckboxDemo() { + return ( + + + Dogs + Cats + rabbits + + + ); +} + +``` + +下面的代码展示了useRadio与useRadioGroup的基本使用场景： + +```javascript +import React from "react"; +import { useRadioGroupState } from "@react-stately/radio"; +import { useRadio, useRadioGroup } from "@react-native-aria/radio"; +import { Platform, Pressable, Text, View } from "react-native"; +import { VisuallyHidden } from "@react-aria/visually-hidden"; +import { useFocusRing } from "@react-native-aria/focus"; + +let RadioContext = React.createContext({}); + +export function RadioGroup(props: any) { + let { children, label } = props; + let state = useRadioGroupState(props); + let { radioGroupProps, labelProps } = useRadioGroup(props, state); + + return ( + + {label} + + {children} + + + ); +} + +export function Radio(props: any) { + let { state, isReadOnly, isDisabled } = React.useContext(RadioContext); + const inputRef = React.useRef(null); + let { inputProps } = useRadio( + { isReadOnly, isDisabled, ...props }, + state, + inputRef + ); + let { isFocusVisible, focusProps } = useFocusRing(); + + let isSelected = state.selectedValue === props.value; + + return ( + <> + + + + + + {props.children} + + {isSelected ? "selected" : "not selected"} + + + ); +} + +export default function RadioDemo() { + return ( + + + Dogs + Cats + + + ); +} +``` + +下面的代码展示了useSwitch的基本使用场景： + +```javascript +import { useToggleState } from "@react-stately/toggle"; +import React, { useRef } from "react"; +import { + StyleSheet, + Text, + View, + Animated, + Platform, + Pressable, +} from "react-native"; +import { useSwitch } from "@react-native-aria/switch"; +import { useFocusRing } from "@react-native-aria/focus"; +import { VisuallyHidden } from "@react-aria/visually-hidden"; + +const calculateDimensions = (size: any) => { + switch (size) { + case "small": + return { + width: 40, + padding: 10, + circleWidth: 15, + circleHeight: 15, + translateX: 22, + }; + case "large": + return { + width: 70, + padding: 20, + circleWidth: 30, + circleHeight: 30, + translateX: 38, + }; + default: + return { + width: 46, + padding: 12, + circleWidth: 18, + circleHeight: 18, + translateX: 26, + }; + } +}; +const defaultProps = { + isOn: false, + onColor: "#4cd137", + offColor: "#ecf0f1", + size: "medium", + labelStyle: {}, + thumbOnStyle: {}, + thumbOffStyle: {}, + trackOnStyle: {}, + trackOffStyle: {}, + icon: null, + disabled: false, + animationSpeed: 300, + useNativeDriver: true, + circleColor: "white", +}; +export function Switch(origProps: any) { + const props = { + ...defaultProps, + ...origProps, + }; + + const offsetX = useRef(new Animated.Value(0)); + const dimensions = useRef(calculateDimensions(props.size)); + + const createToggleSwitchStyle = () => [ + { + justifyContent: "center", + width: dimensions.current.width, + borderRadius: 20, + padding: dimensions.current.padding, + backgroundColor: props.isOn ? props.onColor : props.offColor, + }, + props.isOn ? props.trackOnStyle : props.trackOffStyle, + ]; + + const createInsideCircleStyle = () => [ + { + alignItems: "center", + justifyContent: "center", + margin: Platform.OS === "web" ? 0 : 4, + left: Platform.OS === "web" ? 4 : 0, + position: "absolute", + backgroundColor: props.circleColor, + transform: [{ translateX: offsetX.current }], + width: dimensions.current.circleWidth, + height: dimensions.current.circleHeight, + borderRadius: dimensions.current.circleWidth / 2, + shadowColor: "#000", + shadowOffset: { + width: 0, + height: 2, + }, + shadowOpacity: 0.2, + shadowRadius: 2.5, + elevation: 1.5, + }, + props.isOn ? props.thumbOnStyle : props.thumbOffStyle, + ]; + + const { isOn, icon } = props; + + const toValue = isOn + ? dimensions.current.width - dimensions.current.translateX + : 0; + + Animated.timing(offsetX.current, { + toValue, + duration: props.animationSpeed, + useNativeDriver: props.useNativeDriver, + }).start(); + + return ( + + + {icon} + + {isOn ? "on" : "off"} + + ); +} + +const styles = StyleSheet.create({ + container: { + alignItems: "center", + }, + labelStyle: { + marginHorizontal: 10, + }, +}); + +export function ControlledSwitch() { + const state = useToggleState(); + const { isFocusVisible, focusProps } = useFocusRing(); + const inputRef = useRef(null); + let { inputProps } = useSwitch( + { "aria-label": "Example switch" }, + state, + inputRef + ); + return ( + + + + + + ); + } +export default function SwitchDemo () { + return ( + + + + ); +} + +``` + +下面的代码展示了useOverlayPosition的基本使用场景： + +```javascript +import React from "react"; +import { + OverlayContainer, + useOverlayPosition, + OverlayProvider, +} from "@react-native-aria/overlays"; +import { + View, + Text, + Pressable, + TouchableWithoutFeedback, + StyleSheet, +} from "react-native"; + +// Button to close overlay on outside click +function CloseButton(props) { + return ( + + + + ); +} + +const OverlayView = ({ triggerRef, placement }) => { + let overlayRef = React.useRef(); + + const { overlayProps } = useOverlayPosition({ + placement, + targetRef: triggerRef, + overlayRef, + offset: 10, + }); + + return ( + + + Hello World + + + ); +}; + +function Trigger({ placement }) { + let triggerRef = React.useRef(); + const [visible, setVisible] = React.useState(false); + const toggleVisible = () => { + setVisible(!visible); + }; + + return ( + + + + Trigger + + + {visible && ( + + + + + )} + + ); +} + +export default function OverlaysDemo() { + return ( + + + + + ); +} + +const styles = StyleSheet.create({ + wrapper: { + height: 500, + alignItems: "center", + justifyContent: "center", + }, + trigger: { + flexDirection: "row", + borderWidth: 1, + paddingHorizontal: 10, + paddingVertical: 10, + }, +}); +``` + +更多hooks请参考[react-native-aria官方文档](https://geekyants.github.io/react-native-aria/docs/) + +## 约束与限制 + +## 兼容性 + +本文档内容基于以下版本验证通过： + +1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1; IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.59; + +## 属性 + +> [!tip] "Platform"列表示该属性在原三方库上支持的平台。 + +> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。 + +以下属性已验证，详情见 [react-native-aria官方文档](https://geekyants.github.io/react-native-aria/docs/) + +> + +### Hooks + +| Name | Description | Type | Platform | HarmonyOS Support | +| ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | -------- | ----------------- | +| useToggleButton | Provides the behavior and accessibility implementation for a toggle button component. ToggleButtons allow users to toggle a selection on or off, for example switching between two states or modes. | Function | All | yes | +| useCheckbox | Provides the behavior and accessibility implementation for a checkbox component. Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected. | Function | All | yes | +| useCheckboxGroup | Provides the behavior and accessibility implementation for a checkbox group component. Checkbox groups allow users to select multiple items from a list of options. | Function | All | yes | +| useRadioGroup | Provides the behavior and accessibility implementation for a radio group component. Radio groups allow users to select a single item from a list of mutually exclusive options. | Function | All | yes | +| useSwitch | Provides the behavior and accessibility implementation for a switch component. A switch is similar to a checkbox, but represents on/off values as opposed to selection. | Function | All | yes | +| OverlayContainer | Provides React Portal like functionality for React Native apps which can be useful for displaying absolutely positioned components like Menu, Tooltip, Popover. | Function | All | yes | +| useOverlayPosition | Handles positioning overlays like popovers and menus relative to a trigger element, and updating the position when the window resizes. | Function | All | yes | + +## 遗留问题 + +## 其他 + +## 开源协议 + +本项目基于 [The MIT License (MIT)](https://github.com/gluestack/react-native-aria/blob/main/LICENSE)，请自由地享受和参与开源。 diff --git a/zh-cn/react-native-drag-sort.md b/zh-cn/react-native-drag-sort.md new file mode 100644 index 00000000..9b980bc9 --- /dev/null +++ b/zh-cn/react-native-drag-sort.md @@ -0,0 +1,645 @@ +> 模板版本：v0.1.3 + +

+

react-native-drag-sort

+

+

+ + Supported platforms + + + License + + +

+ +> [!tip] [Github 地址](https://github.com/mochixuan/react-native-drag-sort) + +## 安装与使用 + +进入到工程目录并输入以下命令： + +#### **yarn** + +```bash +yarn add react-native-drag-sort@2.4.4 +``` + +#### **npm** + +```bash +npm i react-native-drag-sort@2.4.4 +``` + +### Tip + +> Use priority: DragSortableView > AutoDragSortableView > AnySizeDragSortableView + +- 1、If the width and height are fixed and there is no need to slide, use DragSortableView. +- 2、If the width and height are fixed and you need to slide, use AutoDragSortableView. +- 3、If the width and height are arbitrary and need to slide, please use AnySizeDragSortableView. + +下面的代码展示了这个库的基本使用场景： + +##### DragSortableView组件使用 + +```js +import React, { useState } from "react"; +import { View, Text, StyleSheet, SafeAreaView } from "react-native"; +import { DragSortableView } from "react-native-drag-sort"; +//此案例id1、id2不支持拖拽 +const Dragsort = () => { + const [data, setData] = useState([ + { + id: 1, + title: "固定任务 1", + }, + { + id: 2, + title: "固定任务 2", + }, + { + id: 3, + title: "任务 3", + }, + { + id: 4, + title: "任务 4", + }, + { + id: 5, + title: "任务 5", + }, + { + id: 6, + title: "任务 6", + }, + { + id: 7, + title: "任务 7", + }, + { + id: 8, + title: "任务 8", + }, + ]); + + return ( + + + DragSortableView + + item.id} + onClickItem={(data, item, index) => { + console.log("点击了第", index, "个元素"); + }} + onDragStart={() => console.log("Drag started")} + onDragEnd={() => console.log("Drag end")} + onDataChange={() => { + console.log("数据发生变化"); + }} + fixedItems={[0, 1]} + delayLongPress={100} + isDragFreely={true} + maxScale={1.2} + minOpacity={0.7} + renderItem={(item, index) => { + return ( + + {item.title} + + ); + }} + sortable={true} + /> + + ); +}; + +const styles = StyleSheet.create({ + box: { + // position:'relative', + // flexDirection: "column", + justifyContent: "center", + alignContent: "center", + borderRadius: 5, + margin: 20, + backgroundColor: "#4e71f2", + height: 50, + width: 100, + }, + text: { + fontSize: 18, + color: "#fff", + textAlign: "center", + }, + header: { + height: 48, + justifyContent: "center", + alignItems: "center", + borderBottomColor: "#2ecc71", + borderBottomWidth: 2, + }, + header_title: { + color: "#333", + fontSize: 24, + fontWeight: "bold", + }, +}); +export default Dragsort; +``` + +##### AutoDragSortableView组件使用 + +```js +//此案例Item1、Item2不支持拖拽 +import React, { useState } from "react"; +import { View, Text } from "react-native"; +import { AutoDragSortableView } from "react-native-drag-sort"; + +const AutoDragSortDemo = () => { + const [data, setData] = useState([ + { id: "1", text: "Item 1" }, + { id: "2", text: "Item 2" }, + { id: "3", text: "Item 3" }, + { id: "4", text: "Item 4" }, + { id: "5", text: "Item 5" }, + { id: "6", text: "Item 6" }, + { id: "7", text: "Item 7" }, + { id: "8", text: "Item 8" }, + { id: "9", text: "Item 9" }, + { id: "10", text: "Item 10" }, + { id: "11", text: "Item 11" }, + { id: "12", text: "Item 12" }, + { id: "13", text: "Item 13" }, + { id: "14", text: "Item 14" }, + { id: "15", text: "Item 15" }, + { id: "16", text: "Item 16" }, + { id: "17", text: "Item 17" }, + { id: "18", text: "Item 18" }, + { id: "19", text: "Item 19" }, + { id: "20", text: "Item 20" }, + { id: "21", text: "Item 21" }, + { id: "22", text: "Item 22" }, + { id: "23", text: "Item 23" }, + { id: "24", text: "Item 24" }, + { id: "25", text: "Item 25" }, + { id: "26", text: "Item 26" }, + { id: "27", text: "Item 27" }, + { id: "28", text: "Item 28" }, + ]); + const renderHeaderView = ( + + + 标题 + + + ); + const renderBottomView = ( + + + 底部 + + + ); + + return ( + { + console.log("数据发生变化"); + }} + keyExtractor={(item, index) => item.id} + onClickItem={(data, item, index) => { + console.log("点击了第", index, "个元素"); + }} + renderItem={(item, index) => { + return ( + + {item.text} + + ); + }} + scaleDuration={500} //拖拽项缩放效果的持续时间 + slideDuration={200} //拖拽项滑动效果的持续时间 + autoThrottle={100} //自动滑动到目的地的间隔时间 + autoThrottleDuration={500} //自动滑动到目的地的持续时间 + sortable={true} + isDragFreely={false} + fixedItems={[0, 1]} + delayLongPress={100} + onDragStart={() => console.log("Drag started")} + onDragEnd={() => console.log("Drag end")} + renderHeaderView={renderHeaderView} + headerViewHeight={50} + scrollIndicatorInsets={{ top: 0, left: 0, bottom: 0, right: 0 }} + renderBottomView={renderBottomView} + bottomViewHeight={50} + onScrollListener={(event) => { + console.log("滚动事件", event); + }} + onScrollRef={(ref) => { + console.log("滚动容器", ref); + }} + /> + ); +}; + +export default AutoDragSortDemo; +``` + +##### AnySizeDragSortableView组件使用 + +```js +import React, { createRef } from "react"; +import { + Text, + TouchableOpacity, + StyleSheet, + View, + Image, + Dimensions, + SafeAreaView, +} from "react-native"; +import { AnySizeDragSortableView } from "react-native-drag-sort"; + +const { width } = Dimensions.get("window"); +const headerViewHeight = 160; +const bottomViewHeight = 40; + +const getW = (index, isWidth) => + isWidth ? (index % 3 === 0 ? width - 40 : (width - 60) / 2) : 80; + +export default class AnySizeDragSortDemo extends React.Component { + constructor(props) { + super(props); + const items = []; + for (let i = 0; i < 26; i++) { + items.push({ + text: String.fromCharCode(65 + i), + width: getW(i, true), + height: getW(i, false), + }); + } + this.state = { + items, + movedKey: null, + }; + + this.sortableViewRef = createRef(); + } + + onDeleteItem = (item, index) => { + const items = [...this.state.items]; + items.splice(index, 1); + this.setState({ items }); + }; + + _renderItem = (item, index, isMoved) => { + const { movedKey } = this.state; + return ( + { + this.setState({ movedKey: item.text }); + this.sortableViewRef.current.startTouch(item, index); + }} + onPressOut={() => this.sortableViewRef.current.onPressOut()} + > + + { + + this.onDeleteItem(item, index)}> + + + + } + + {isMoved ? ( + + + + ) : null} + + {item.text} + + + + + ); + }; + + render() { + const { items } = this.state; + const renderHeaderView = ( + + + + mochixuan + + Android, React-Native, Flutter, React, Web。Learn new knowledge and + share new knowledge. + + + + ); + const renderBottomView = ( + + yarn add react-native-drag-sort + + ); + return ( + <> + + AnySize + + item.text} + renderItem={this._renderItem} + onDataChange={(data, callback) => { + this.setState({ items: data }, () => { + callback(); + console.log("移动了"); + }); + }} + renderHeaderView={renderHeaderView} + headerViewHeight={headerViewHeight} + renderBottomView={renderBottomView} + bottomViewHeight={bottomViewHeight} + movedWrapStyle={styles.item_moved} + onDragEnd={() => console.log("Drag end")} + scrollIndicatorInsets={{ top: 1, left: 1, bottom: 1, right: 1 }} + autoThrottle={100} + autoThrottleDuration={500} + areaOverlapRatio={0.5} + childMarginTop={10} + childMarginBottom={10} + childMarginLeft={10} + childMarginRight={10} + /> + + ); + } +} + +const styles = StyleSheet.create({ + item_wrap: { + position: "relative", + paddingLeft: 20, + paddingTop: 20, + }, + item: { + justifyContent: "space-around", + alignItems: "center", + backgroundColor: "#f39c12", + borderRadius: 4, + }, + item_clear_wrap: { + position: "absolute", + left: 10, + top: 10, + width: 20, + height: 20, + zIndex: 999, + }, + item_clear: { + width: 20, + height: 20, + }, + item_moved: { + opacity: 0.95, + borderRadius: 4, + }, + item_icon_swipe: { + width: 50, + height: 50, + backgroundColor: "#fff", + borderRadius: 50 * 0.5, + justifyContent: "center", + alignItems: "center", + }, + item_icon: { + width: 30, + height: 30, + resizeMode: "contain", + }, + item_text_swipe: { + backgroundColor: "#fff", + width: 56, + height: 30, + borderRadius: 15, + justifyContent: "center", + alignItems: "center", + }, + item_text: { + color: "#444", + fontSize: 20, + fontWeight: "bold", + }, + header: { + height: 48, + justifyContent: "center", + alignItems: "center", + borderBottomColor: "#2ecc71", + borderBottomWidth: 2, + }, + header_title: { + color: "#333", + fontSize: 24, + fontWeight: "bold", + }, + aheader: { + height: headerViewHeight, + flexDirection: "row", + borderBottomColor: "#2ecc71", + borderBottomWidth: 2, + zIndex: 100, + backgroundColor: "#fff", + }, + aheader_img: { + width: headerViewHeight * 0.6, + height: headerViewHeight * 0.6, + resizeMode: "cover", + borderRadius: headerViewHeight * 0.3, + marginLeft: 16, + marginTop: 10, + }, + aheader_context: { + marginLeft: 8, + height: headerViewHeight * 0.4, + marginTop: 10, + }, + aheader_title: { + color: "#333", + fontSize: 20, + marginBottom: 10, + fontWeight: "bold", + }, + aheader_desc: { + color: "#444", + fontSize: 16, + width: width - headerViewHeight * 0.6 - 32, + }, + abottom: { + justifyContent: "center", + alignItems: "center", + height: bottomViewHeight, + backgroundColor: "#fff", + zIndex: 100, + borderTopColor: "#2ecc71", + borderTopWidth: 2, + }, + abottom_desc: { + color: "#333", + fontSize: 20, + fontWeight: "bold", + }, +}); +``` + +## 约束与限制 + +### 兼容性 + +在下述版本验证通过： + +1. RNOH：0.72.13; SDK：HarmonyOS NEXT Developer Preview1(2.0.0.59); IDE：DevEco Studio 4.1.3.500; ROM：2.0.0.58; + +### 权限要求 + +## API（AutoDragSortableView、DragSortableView） + +**isRequired if there is a \* in the name field** + +> [!tip] "Platform"列表示该属性在原三方库上支持的平台。 + +> [!tip] "HarmonyOS Support"列为 yes 表示 HarmonyOS 平台支持该属性；no 则表示不支持；partially 表示部分支持。使用方法跨平台一致，效果对标 iOS 或 Android 的效果。 +> +> 详情见 [react-native-drag-sort 源库地址](https://github.com/mochixuan/react-native-drag-sort) + +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| :----------------------: | :---------------------------------------------------------------------: | :------: | :------: | :---------: | :---------------: | +| **dataSource** \* | | array | Yes | iOS/Android | Yes | +| **parentWidth** | parent width | number | No | iOS/Android | Yes | +| **childrenHeight** \* | Each item height | number | Yes | iOS/Android | Yes | +| **childrenWidth** \* | Each item width | number | Yes | iOS/Android | Yes | +| **marginChildrenTop** | So the item's outermost view adds margin, you can only use this method. | number | No | iOS/Android | Yes | +| **marginChildrenBottom** | | number | No | iOS/Android | Yes | +| **marginChildrenLeft** | | number | No | iOS/Android | Yes | +| **marginChildrenRight** | | number | No | iOS/Android | Yes | +| **sortable** | Do not allow dragging | bool | No | iOS/Android | Yes | +| **onClickItem** | click | function | No | iOS/Android | Yes | +| **onDragStart** | | function | No | iOS/Android | Yes | +| **onDragEnd** | | function | No | iOS/Android | Yes | +| **onDataChange** | This method is called every time the data changes. | function | No | iOS/Android | Yes | +| **renderItem** \* | render item view | function | Yes | iOS/Android | Yes | +| **fixedItems** | no remove | array | No | iOS/Android | Yes | +| **keyExtractor** | (item,index) => key | function | No | iOS/Android | Yes | +| **delayLongPress** | | number | No | iOS/Android | Yes | +| **isDragFreely** | Whether to limit the drag space | bool | No | iOS/Android | Yes | +| **onDragging** | | function | No | iOS/Android | Yes | +| **maxScale** | | number | No | iOS/Android | Yes | +| **minOpacity** | | number | No | iOS/Android | Yes | + +#### The following attributes belong only to AutoDragSortableView + +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| :-----------------------: | :---------: | :------------------------------------------------------: | :------: | :---------: | :---------------: | +| **scaleDuration** | | number | No | iOS/Android | Yes | +| **slideDuration** | | number | No | iOS/Android | Yes | +| **autoThrottle** | | number | No | iOS/Android | Yes | +| **autoThrottleDuration** | | number | No | iOS/Android | Yes | +| **renderHeaderView** | | element | No | iOS/Android | Yes | +| **headerViewHeight** | | number | No | iOS/Android | Yes | +| **scrollIndicatorInsets** | | ({top:number, left:number, bottom:number, right:number}) | No | iOS/Android | Yes | +| **renderBottomView** | | element | No | iOS/Android | Yes | +| **bottomViewHeight** | | number | No | iOS/Android | Yes | +| **onScrollListener** | | (event: NativeSyntheticEvent) => void | No | iOS/Android | Yes | +| **onScrollRef** | | (ref: any) => void | No | iOS/Android | Yes | + +## **API（AnySizeDragSortableView）** + +| Name | Description | Type | Required | Platform | HarmonyOS Support | +| :-----------------------: | :-----------------------------------------------: | :------------------------------------------------------: | :------: | :---------: | :---------------: | +| **renderItem** \* | render item view | function | Yes | iOS/Android | Yes | +| **onDataChange** | This method is called every time the data changes | function | No | iOS/Android | Yes | +| **renderHeaderView** | | element | No | iOS/Android | Yes | +| **headerViewHeight** | | number | No | iOS/Android | Yes | +| **bottomViewHeight** | | number | No | iOS/Android | Yes | +| **autoThrottle** | | number | No | iOS/Android | Yes | +| **autoThrottleDuration** | | number | No | iOS/Android | Yes | +| **scrollIndicatorInsets** | | ({top:number, left:number, bottom:number, right:number}) | No | iOS/Android | Yes | +| **onScrollListener** | | (event: NativeSyntheticEvent) => void | No | iOS/Android | Yes | +| **onScrollRef** | | (ref: any) => void | No | iOS/Android | Yes | +| **areaOverlapRatio** | Must be greater than 0.5 | number | No | iOS/Android | Yes | +| **movedWrapStyle** | style | StyleProp | No | iOS/Android | Yes | +| **childMarginTop** | | number | No | iOS/Android | Yes | +| **childMarginBottom** | | number | No | iOS/Android | Yes | +| **childMarginLeft** | | number | No | iOS/Android | Yes | +| **childMarginRight** | | number | No | iOS/Android | Yes | +| **autoThrottleDuration** | | number | No | iOS/Android | Yes | +| **onDragEnd** | | function | No | iOS/Android | Yes | +| **dataSource** \* | | array | Yes | iOS/Android | Yes | +| **keyExtractor** | (item,index) => key | function.isRequired | No | iOS/Android | Yes | + +## 遗留问题 + +## 其他 + +## 开源协议 + +本项目基于 [The Apache License (Apache)](https://github.com/mochixuan/react-native-drag-sort/blob/master/LICENSE) ，请自由地享受和参与开源。 diff --git a/zh-cn/react-native-fs.md b/zh-cn/react-native-fs.md new file mode 100644 index 00000000..ea0fbdcc --- /dev/null +++ b/zh-cn/react-native-fs.md @@ -0,0 +1,365 @@ +模板版本：v0.1.3 + +

+

react-native-fs

+

+

+ + Supported platforms + + + License + + +

+ +> [!TIP] [Github 地址](https://github.com/react-native-oh-library/react-native-fs) + +## 安装与使用 + +请到三方库的 Releases 发布地址查看配套的版本信息：[<@react-native-oh-library/react-native-fs> Releases](https://github.com/react-native-oh-library/react-native-fs/releases)，并下载适用版本的 tgz 包。 + +进入到工程目录并输入以下命令： + +> [!TIP] # 处替换为 tgz 包的路径 + + + +#### npm + +```bash +npm install @react-native-oh-tpl/react-native-fs@file:# +``` + +#### yarn + +```bash +yarn add @react-native-oh-tpl/react-native-fs@file:# +``` + + + +下面的代码展示了这个库的基本使用场景： + +> [!WARNING] 使用时 import 的库名不变。 + +```tsx +import React, { useState } from "react"; +import { + SafeAreaView, + StyleSheet, + ScrollView, + View, + Text, + StatusBar, + TextInput, + Button, +} from "react-native"; +import FS from "react-native-fs"; +import { Colors } from "react-native/Libraries/NewAppScreen"; +function App(): React.JSX.Element { + // 参数 + const [mkdirParam, setMkdirParam] = useState(""); + // 创建文件夹接口调用 + const mkdirExample = () => { + FS.mkdir(FS.DocumentDirectoryPath + "/" + mkdirParam).then( + (result) => { + console.log("file mkdirParam： " + mkdirParam); + console.log("file Successfully created directory."); + }, + (err) => { + console.error("file mkdir: " + err.message); + }, + ); + }; + // 组件 + return ( + <> + + + + + {"React Native File Harmony Demo App"} + + + + {"mkdir"} + + setMkdirParam(mkdirParam)} + placeholderTextColor="#9a73ef" + autoCapitalize="none" + /> + + + + +