huaize2020 / awesome-react-native

React Native资源大全中文版。An awesome React Native packages and resources

English | 简体中文

正在持续建设中...

同时推荐你查看我正在维护的其他仓库

• awesome-nodejs
  • awesome-koa
  • awesome-egg
  • awesome-electron
• awesome-frontend
  • awesome-react

目录

• 目录
• 官方资源
• 工具
• 脚手架/模板
• UI框架
• 组件
  • 样式
  • 图标
  • 按钮
  • 路由导航
  • 列表
  • 标签页
  • 启动画面
  • 图形/图像
  • 查看器/滑动组件/轮播组件
  • 表单
  • 动画
  • 抽屉组件
  • 对话框/模态弹窗/警告提示组件
  • 安全区域
  • 数据可视化
  • 多媒体
    • WebRTC
    • 摄像头/相册
    • 视频
    • 音频
  • 存储/数据库
  • 设备
    • 设备信息
    • 网络信息
    • 系统
    • NFC
  • 解析工具
• 开发工具

官方资源

• 官网
• 文档
• 仓库

工具

• react-native-root-siblings - 用于创建根元素的兄弟元素，使其可以在应用其他元素上面，例如模态对话框。
• react-native-get-random-values - 用于 React Native 的 crypto.getRandomValues 的小型实现。这是一个 polyfill，例如 uuid 基于它。
• react-native-url-polyfill - 🔗用于 React Native 的轻量级且值得信赖的 URL polyfill。

脚手架/模板

• ignite - Infinite Red 的尖端 React Native 项目样板，以及 CLI、组件/模型生成器等等！
• react-native-template-typescript - 干净和简约的 React Native 模板，可快速开始使用 TypeScript。
• react-native-typescript-boilerplate - 使用 React Native Navigation v3 + Redux + Thunk + TypeScript 构建的遵循行业最佳实践样板。

UI框架

• react-native-elements - 跨平台 React Native UI 工具包。
• react-native-ui-kitten - 基于Eva Design系统，支持暗黑模式的React Native UI组件库。
• react-native-paper - React Native版 Material design。
• @shoutem/ui - 可自定义的 React Native 组件集。
• @ant-design/react-native - React Native版 Ant Design。

组件

样式

• react-native-linear-gradient - 一个线性渐变 组件。
• react-native-blur - React Native 模糊组件。
• react-native-shadow-2 - 跨端阴影效果，基于 react-native-shadow 的升级版。

图标

• react-native-vector-icons - 可自定制图标，支持 NavBar/TabBar、图像和样式定义。 可从 3000 多个图标中选择 或 使用您自己的图标。
• @ant-design/icons-react-native - 用于 React Native 的 Ant Design 图标。
• @expo/vector-icons - 基于 @oblador/react-native-vector-icons 封装的兼容层，使其可以工作在 Expo 物料系统。
• react-native-eva-icons - 基于react-native-svg 和 Eva Icons 的实现
• react-icomoon - 通过 React-Icomoon，您可以轻松使用您在 icomoon 中选择的或创建的图标。 📦 零依赖和轻量级。

按钮

• react-native-action-button - 可自定义的多行为按钮。
• react-native-really-awesome-button - 支持进度、可扩展、可用于生产、60fps、可呈现一组很棒的动画 3D UI 按钮。
• react-native-button - 用于 React 应用的按钮。
• apsl-react-native-button - 带圆角的 React Native 按钮组件。

路由导航

• react-navigation - 路由和导航，用于React Native应用。
• react-native-navigation - 一个彻底的原生导航解决方案。
• react-native-router-flux - 第一个声明式 React Native 路由。
• react-native-screens - React Native 应用程序的原生导航。
• react-native-navigation-hooks - 用于 React Native 导航的 React hooks 集合。

列表

• recyclerlistview - 用于 React Native和 Web 的高性能 listview。
• flash-list - 更好的列表。

标签页

• react-native-tab-view - 跨平台的标签页组件。

启动画面

• react-native-splash-screen - React Native 启动画面。
• react-native-splashscreen - React Native 启动画面。

图形/图像

• react-native-fast-image - 🚩 FastImage, 高性能的图像组件。
• react-native-svg - SVG组件库，用于 React Native, React Native Web 和 纯React Web项目。
• react-native-image-crop-picker - iOS/Android 图像选择器，支持相机、视频、可配置压缩、多图像和裁剪。
• react-native-view-shot - 将 React Native View 生成快照图片。
• react-native-svg-uri - 从一个 URL 或静态文件中渲染 SVG 图形 (基于react-native-svg)。
• react-native-image-viewing - 小巧、纯 TS 编写的用于查看图像的模态组件🏙

查看器/滑动组件/轮播组件

• react-native-swiper - React Native 中最好的滑动组件。
• react-native-snap-carousel - 滑动/轮播组件，具有预览、多种布局、视差图像、可处理大量元素等。
• react-native-image-viewer - 🚀 小巧高速的图片查看库，支持图片的平移和缩放。
• react-native-looped-carousel - 可循环的视图/图片轮播组件。
• photo-viewer - 基于 NYTPhotoViewer 和 FrescoImageViewer 的照片查看器。
• react-native-zoom-image - 用于React Native的图片查看器, 类似 twitter 的图片查看器。

表单

• formik - React 中开发表单，从此没有眼泪。
• react-hook-form - 用于表单校验的不麻烦的 React hooks。
• redux-form - Redux 表单状态管理(Web and Native)。
• formily - 高性能、高扩展、TypeScript友好的表单解决方案。
• tcomb-form-native - 生成 React Native 表单。
• react-native-gifted-form - React Native 表单组件。
• react-native-clean-form - 集成 redux-form的漂亮表单元素。具有样式组件。
• react-native-form-generator - 轻而易举地生成惊人的 React Native 表单。
• react-reactive-forms - Angular 风格的响应式组件。
• react-native-form - 简单的 React Native 组件，用于封装你的表单字段!
• react-native-from-builder - 用更智能的方式操作你的表单。
• react-native-forms - 声明性 API，用于创建、验证和序列化 Native外观的表单。
• foect - 用于 React Native的表单校验组件。

动画

• lottie-ios - Lottie for iOS, macOS (Android 和 React Native).
• lottie-react-native - 适用于 Android 和 iOS 的移动库，用于解析 Adobe After Effects 动画，使用 bodymovin 导出为 JSON，并在移动设备上本地呈现它们！
• react-native-animatable - Standard set of easy to use animations and declarative transitions for React Native.React 易用的标准动画和声明式的过渡效果(transitions)。
• react-native-interactable - 高性能可交互视图的实验级实现。
• react-native-reanimated - 重新实现了 React Native 动画库。
• react-native-magic-move - 在场景切换间创建神奇的移动过渡。

抽屉组件

• @react-navigation/drawer - React Navigation 的抽屉导航。
• react-native-drawer - React Native抽屉组件。
• react-native-scaling-drawer - React native可伸缩的抽屉组件。
• react-native-bouncy-drawer - 高可定制的充气抽屉。
• react-native-draggable-drawer - 可拖拽抽屉。

对话框/模态弹窗/警告提示组件

• react-native-modal - 一种增强的、含动画的和可定制的React Native原生模态对话框。
• react-native-modals - React Native 模态弹窗库，支持滑动、高度可定制、支持多模态弹窗和支持自定义动画。适用于 IOS 和安卓。
• react-native-root-modal - React Native 模态弹窗组件。
• react-native-simple-dialogs - 跨平台的简单 React Native 对话框。
• react-native-fs-modal - React Native 全屏模态对话框组件。

安全区域

• react-native-safe-area-context - 处理安全区域的灵活方法。也适用于 Android 和 Web！

数据可视化

• victory - 用于构建交互式数据可视化组件。
• f2native - 📱📈优雅、交互式和灵活的移动原生图表库。

多媒体

WebRTC

• react-native-webrtc - React Native WebRTC 模块。
• react-native-incall-manager - 在处理音视频聊天期间，处理媒体路由/传感器/事件（类似 WebRTC)。

摄像头/相册

• react-native-camera - 摄像头组件。
• react-native-image-crop-picker - iOS/Android 图像选择器，支持相机、视频、可配置压缩、多图像和裁剪。
• react-native-camera-kit - 用于 React Native 应用程序的高性能、易用、稳定的相机库。
• react-native-cameraroll - CameraRoll 是一个 react-native 原生模块，提供对本地相机胶卷或照片库的访问。
• react-native-camera-roll-picker - 从相机中选择图像的 React Native 组件。

视频

• react-native-video - 视频组件。
• react-native-video-processing - React Native 的原生视频编辑/修剪/过滤库。
• react-native-videoeditorsdk - 基于 VideoEditor SDK (Android & iOS) 的 React Native组件。

音频

• react-native-sound - 用于播放音频剪辑的 React Native 组件。
• react-native-track-player - 为创建音乐应用程序的完全成熟的音频模块。 为 Android、iOS 和 Windows 提供音频播放、外部媒体控制、支持 chromecast 和后台模式。
• react-native-audio - 在您的 iOS 或 Android React Native 应用程序中录制和播放音频（不再维护）。
• react-native-audio-toolkit - React Native 音频播放和录制。实现了许多有用的功能，例如通过网络查找、循环播放和支持网络流式传输音频文件。
• react-native-music-control - 在 iOS 和 Android 的锁屏、通知中心中显示和管理媒体控件。

存储/数据库

• rxdb - 客户端离线优先、响应式数据库。
• WatermelonDB - 用于 React 和 React Native的响应式异步数据库。
• realm-js - Realm 是一个移动数据库：SQLite 和 KV 存储的替代品。
• react-native-storage - 可同时用于 React Native和浏览器 LocalStorage 封装。支持容量控制、自动过期、远程数据同步和批量查询数据。
• react-native-sqlite-storage - 用于(Android and iOS)功能完善的 SQLite3 插件

设备

设备信息

• react-native-device-info - 获取设备信息。

网络信息

• @react-native-community/netinfo - React Native 网络信息API。

系统

• react-native-permissions - 通过单一 API 检查和请求所有权限。

NFC

• react-native-nfc-manager - React Native NFC 模块。

解析工具

• react-native-render-html - 纯 JavaScript React Native 组件用于将 HTML 渲染成100%的原生组件。
• react-native-htmlview - 将 HTML 内容渲染为 React Native视图。

开发工具

• react-native-flipper - Flipper（以前称为 Sonar）是一个用于调试 iOS 和 Android 上的移动应用程序的平台，最近甚至可以在浏览器或 Node.js 中调试 JS 应用程序。 从简单的桌面界面可视化、检查和控制您的应用程序。 按原样使用 Flipper 或使用插件 API 对其进行扩展。
• @welldone-software/why-did-you-render - 由 Welldone Software 开发，通过对 React 进行猴子补丁 (Monkey Patch)，通知你有关于可能避免的重新渲染的信息。它也可以在 React Native 中使用。
• reactotron-react-native - 用于探索、检查和诊断 React Native 应用程序的开发工具。