React Native
Awesome React Native 是一个很棒的样式列表,它精选了最好的 React Native 库,
tools, tutorials, articles and more. PRs are welcome!
<img src="https://travis-ci.org/jondot/awesome-react-native.svg?branch=master" alt="构建状态" />
Sponsors¶
Never leave your command line for secrets¶
Teller 是一个 OSS 和免费的开发人员生产力秘密管理器 SpectralOps ,支持云原生应用程序和多个云提供商. 混合搭配所有保险库和其他密钥存储,并在您编码、测试和构建应用程序时安全地使用机密. 它快速、简单、安全.
Categories¶
非常感谢 贡献者 list\:)
Conferences¶
专门针对 React Native 的会议. React 列表 大会可以在 ReactJS site.
Chain React - Portland, OR USA¶
研讨会 - 2018 年 7 月 11 日\ 会议 - 2018 年 7 月 12-13 日
React Native EU - Wroclaw, Poland¶
研讨会 - 2018 年 9 月 3-4 日\ 会议 - 2018 年 9 月 5-6 日
React Alicante - Alicante, Spain¶
研讨会 - 2018 年 9 月 13 日\ 会议 - 2018 年 9 月 14-15 日
ReactNext - Tel Aviv, Israel¶
会议 - 2018 年 11 月 4 日
App.js Conf - Krakow, Poland¶
会议 - 2019 年 4 月 4 日 研讨会 - 2019 年 4 月 5 日
Chain React - Portland, OR USA¶
https://infinite.red/ChainReactConf
研讨会 - 2019 年 7 月 10 日 会议 - 2019 年 7 月 11 日至 12 日
React Native EU - Wroclaw, Poland¶
研讨会 - 2019 年 9 月 4 日 Conference - September 5th-6th, 2019
React Berlin - Berlin, Germany¶
研讨会 - 2019 年 12 月 4 日至 5 日 会议 - 2019 年 12 月 6 日
ReactEurope - Paris, France¶
会议 - 2020 年 5 月 14 日至 15 日 研讨会 - 2020 年 5 月 12 日至 13 日
Articles¶
在 Web 上发布的内容.
Reference¶
Howtos¶
- How to add Firebase Auth with React Native ★4
- How to get started with Cloud Firestore on React Native
- How to upgrade React Navigation 1.x to 2.x
- How to use React Native Navigation v2 with Redux and Google Analytics
- React-Navigation Drawer
- Getting Started with React Native Development on Windows
- Getting Started with React Native Development for Windows
- Blueprint to becoming a React Native Developer
- How to Use the ListView Component
- How to upload photo/file in react-native
- Change splash screen in React Native Android app
- Remote Push Notifications with OneSignal
- Release React Native App to Android Play Store
- React Native & Apple TV today
- Record and Upload Videos with React Native
- How to Setup your First React Native app
- Using React Native With TypeScript
- How To Build a News Reader App with React Native and NewsAPI
- How to Build a Real Time Logo Detection App with React Native
- Build a Chatbot with Dialogflow and React Native
- How To Build Your First VR App with ViroReact and React Native
- React Hooks Basics— Building a React Native App with React Hooks
- How to Build a Web App with React Native
- Building a React Native Mobile App with AWS Amplify and Expo
- User Authentication with Amplify in a React Native and Expo app
- How to build an Email Authentication app with Firebase, Firestore and React Native
- How to Gracefully Use Environment Variables in a React Native App
- How to build a xylophone app with Audio API, React Native, and Expo
- How To Use WebViews in a React Native App
Assorted¶
- React Native Twitter Clone - 由 Cosmic Headless CMS 提供支持的 React Native Twitter Clone. Read about how it was built.
- Versioning React Native Application in elegant way (cross-platformely) ★10
- Best Practices for Building a Large Scale React Application
- React Native - Nic or Not App
- React and React Native State Museum
- Top 15 React Native libraries that I use in my apps
- Building 3 React Native Apps in One Summer
- React Native: Bringing modern web techniques to mobile
- First impressions using React Native
- Wrapping Cocoapods for React Native
- React Native: Initial Thoughts (opinion)
- A Dynamic Crazy Native Mobile Future Powered by Javascript
- ReactNative NES & More
- React Native Installation and Setup
- Diary of Building an iOS App with React Native
- Reflecting on React Native development
- React-Native layout examples
- React Native in Production - 来自 Clay Allsop 的笔记
- An iOS Developer on React Native
- React Native and WebRTC
- How to bridge a Swift view
- How to select the right React Native database
- Building a Native SoundCloud Android app with Redux - 讨论 Android 上的 redux、代码重用和性能.
- React Native Twitter exploding heart - 使用 Animation 和 ReactART 的硬核动画
- Using AI to discover UI components - 有趣的图像处理/AI 辅助过程来发现和生成 React Native UI
- Writing Android Components
- Unit Testing React Native with Mocha and Enzyme
- React Native's Layout Animation is Awesome
- Avoiding the Keyboard
- How To Use OpenCV In React Native For Image Processing
- Using Styled Components with React Native
- Create a React Native Image Recognition App with Google Vision API
- A comprehensive guide on building offline React Native apps with AsyncStorage
- Build a Chat App with Firebase and React Native
- Building Stylistic UIs with Emotion-JS for React Native
- Getting Started with Firestore and React Native
- React Native: Native Modules made for React developers - 关于 RN 0.60+ 的 3rd 方库的开发人员体验
- Flutter vs React Native - Choosing your approach - 比较文章可帮助您根据您的项目和经验选择最佳方法.
Continuous Integration¶
- How to build and deploy React Native apps for iOS and Android automatically with Appcircle CI/CD
- Distributing beta builds with Fastlane on Android and iOS
- Deploying a React Native App with Fastlane
- Continuous Integration for React Native Apps With Fastlane and Bitrise (iOS)
- How to automate Android build process on Bitrise CI
- fastlane for React Native iOS & Android app DevOps
- The simplest way to automate delivery of your React Native Application
- 21 Useful Open Source Packages for React Native
Internals¶
- Performance
- React Native Debugger Internals
- Dirty-up and execute top-down - @vjeux 关于 React 对背景颜色、布局等的优化
- Optimizing React Native
- Diving into React Native Performance
- Wait… What Happens When my React Native Application Starts? — An In-depth Look Inside React Native
Components¶
组件和本机模块.
UI¶
- lottie-react-native ★10415 - 适用于 Android 和 iOS 的移动库,可解析使用 bodymovin 导出为 JSON 的 Adobe After Effects 动画,并在移动设备上原生呈现它们!
- react-icomoon - 通过 React-Icomoon,您可以轻松地使用您在 icomoon 中选择或创建的图标. 零依赖和轻量级.
- react-native-vector-icons ★9985 - React Native 的可自定义图标,支持 NavBar/TabBar、图像源和完整样式. 从 3000 多个捆绑图标中选择或使用您自己的图标.
- react-native-maps ★8388 - 适用于 iOS + Android 的 React Native Map 组件
- react-native-swiper ★6955 - React Native 的最佳 Swiper 组件.
- react-native-gifted-chat ★6546 - 最完整的 React Native 聊天 UI(以前称为 Gifted Messenger)
- react-native-scrollable-tab-view ★5664 - 用于 React Native 的可滚动标签视图
- react-native-image-picker ★4709 - 一个 React Native 模块,允许您使用本机 UIImagePickerController UI 从设备库或直接从相机中选择照片.
- react-native-material-kit ★4124 - 将 Material Design 引入 React Native
- react-native-snap-carousel ★3959 - 用于 React Native 的 Swiper 组件,具有预览、多布局、视差图像、大量项目的高性能处理和 RTL 支持
- react-native-calendars ★3402 - React Native 日历组件
- react-native-ui-kitten ★3140 - 可定制和可重复使用的 react-native 组件套件
- react-native-svg ★2982 - 适用于 iOS 和 Android 的 SVG 库
- react-native-image-crop-picker ★2736 - 支持多张图片和裁剪的 iOS/Android 图像选择器
- react-native-splash-screen ★2663 - 反应本机的启动画面,在应用程序加载时隐藏,适用于 iOS 和 Android.
- react-native-material-ui ★2536 - 高度可定制的 React Native 材料设计组件
- react-native-app-intro ★2433 - React Native 视差效果应用介绍
- react-native-drawer ★2276 - 反应本机抽屉
- react-native-typography ★2260 React Native 的像素完美、原生外观排版样式
- react-native-fast-image ★2240 - FastImage,高性能的 React Native 图像组件.
- react-native-blurhash ★105 - 为您的用户提供他们想要的加载体验.
- react-native-paper ★2218 - React Native 的材料设计
- react-native-swipeout ★2194 - 组件后面的 iOS 风格滑动按钮
- react-native-blur ★2172 - React Native Blur 组件
- react-native-progress ★2069 - 使用 ReactART 的 React Native 进度指示器和微调器.
- react-native-textinput-effects ★2062 - 带有自定义标签和图标动画的文本输入,适用于 iOS 和 Android. 由 React Native 构建,灵感来自 Codrops.
- react-native-modalbox ★2043 - 用于反应本机的组件
- react-native-lightbox ★1917 - 一个非常光滑和现代的移动灯箱实现
- react-native-action-button ★1762 - 用于 React Native 的可自定义浮动按钮组件
- gl-react-native ★1750 - 使用 OpenGL 对图像和视频进行性能处理
- react-native-modal ★1728 - 一个增强的、动画的和可定制的反应本机模式
- nachos-ui ★1684 - 用于 React Native 的 NACHOS UI 套件. 从一堆预编码的 UI 组件中挑选,为您的下一个 JavaScript 或 React 应用程序做好准备.
- react-native-mapbox-gl ★1663 - 用于创建自定义地图的 Mapbox GL 反应本机模块
- react-native-foldview ★1616 - React Native 中的动画 FoldingCell 实现
- react-native-modern-datepicker ★12 - React Native 现代日期选择器
- react-native-spinkit ★1585 - React Native 的动画加载指示器集合
- react-native-recyclerlist ★1515 - 支持复杂布局的 React Native 和 Web 的高性能列表视图.
- react-native-parallax-scroll-view ★1486 - 具有视差和粘性标题支持的类似 ScrollView 的组件.
- react-native-chart ★1464 - React-native-chart 是一个简单的模块,用于向您的 React Native 应用程序添加折线图、面积图或条形图.
- react-native-gifted-listview ★1443 - 一个 ListView,嵌入了一些循环功能,如下拉刷新、无限滚动等,适用于 Android 和 iOS React-Native 应用程序
- react-native-datepicker ★1365 - 适用于 Android 和 IOS 的 React Native 日期、日期时间和时间选择器
- react-native-viewpager ★1350 - React Native 的 ViewPager 组件
- react-virgin ★1319 您一直在寻找的 react-native UI 套件.
- react-native-easy-grid ★1304 - 用于 React Native 的简单响应式网格布局.
- victory-native ★1264 - Victory-native 是一组组件,可帮助您创建图表、条形图等.
- react-native-picker ★1238 - 反应本机选择器
- react-native-collapsible ★1174 - React Native 的动画可折叠组件使用带有回退功能的新动画 API. 适用于手风琴、肘节等
- react-native-icons ★1168 - React Native 中快速简单的图标 video
- react-native-orientation ★1162 - 聆听本机设备方向的变化,并在屏幕上设置首选方向
- react-native-tableview ★1105 - 用于 React Native 的原生 iOS TableView 包装器
- react-native-keyboard-spacer ★1103 - 即插即用反应本机键盘垫片视图.
- react-native-looped-carousel ★1094 - 创建视图或图像的循环旋转木马
- react-native-circular-progress ★1088 - React Native 组件,用于使用 ReactART 创建动画、循环进度
- react-native-popup-dialog ★1088 - React Native 弹出对话框易于使用和支持使用自定义动画. 适用于 IOS 和安卓
- react-native-largelist ★1054 - 用于 React Native(iOS 和 Android)的最佳性能大型列表组件
- react-native-offline ★977 - 方便的工具带,可以很好地处理 React Native 应用程序中的离线/在线连接. 平滑的 redux 集成.
- react-native-root-toast ★971 - React native toast like component,纯javascript解决方案
- react-native-dropdownalert ★894 - 具有 4 种预定义类型的简单下拉警报.
- react-native-loading-spinner-overlay ★885 - 唯一的纯 React Native、Native iOS 和 Android 加载微调器(进度条指示器)叠加
- react-native-tinder-swipe-cards ★881 - 火种卡式刷卡.
- react-native-slider ★845 - 用于 react-native 的纯 JavaScript 组件
- react-native-pathjs-charts ★842 - 基于 react-native-svg 和 paths-js 的 Android 和 iOS 图表
- react-native-flash-message ★810 - React Native flashbar 和顶部通知警报实用程序
- react-native-svg-charts ★764 - 一个库来管理 React Native 的所有图表
- react-native-masonry ★758 - 用于渲染图像的砖石结构布局.
- react-native-credit-card-input ★742 - 为您的 React Native 项目提供简单(且美观)的信用卡输入
- action-sheet-rn ★1 - 可能是 React Native 中 ActionSheets 最具声明性的 API
- react-native-sglistview ★731 - React Native 的 ListView 的记忆实现
- react-native-modal-dropdown ★708 - 适用于 Android 和 iOS 的反应本机下拉/选择器/选择器组件.
- react-native-button ★707
- react-native-bottom-sheet-behavior ★701 - Android BottomSheetBehavior 的反应本机包装器.
- react-native-tabs ★687 - React Native 独立于平台的选项卡. 可用于底部标签栏和剖视图(带有标签按钮)
- react-native-search-bar ★671 - React Native 的原生搜索栏.
- react-native-timeline-listview ★665 - React Native App 的时间轴组件
- react-native-toastboard - 显示通知的最简单方式.
- apsl-react-native-button ★653 - 带有圆角的 React Native 按钮组件.
- react-native-popup-menu ★653 - React Native 的可扩展弹出菜单组件.
- react-native-qrcode ★644 - react-native 二维码生成器
- react-native-easy-toast ★616 - 一个反应本机模块,像 android 一样显示吐司,它适用于 iOS 和 Android.
- react-router-native ★612 - 一个用于 React Native 的路由库,力求与 React Router
- react-native-copilot ★595 - 逐步演练您的 React Native 应用程序
- react-native-photo-browser ★565 - 具有标题、选择和网格视图支持的本地和远程照片浏览器.
- react-native-calendar ★559 - React Native 的日历组件
- react-native-calendar-events ★510
- react-native-parsed-text ★552 - 解析文本并将它们制作成多个 React Native Text 元素
- react-native-step-indicator ★538 - 与 ViewPager 和 ListView 兼容的步骤指示器小部件的简单反应本机实现.
- react-native-popover-haobtc ★514 - 用于反应本机的组件
- react-native-dropdown ★507 - 更好的 React-native 选择下拉菜单
- react-native-star-rating ★489 - 用于生成和显示交互式星级的 React Native 组件
- react-native-rating-element ★8 - 反应原生评级系统支持:小数点评级,方向感知图标,如从下到上或从右到左等,来自 Ionicons 的自定义图标,自定义图像和用户给出的记录评级.
- react-native-parallax ★479 - 使用动画 API 的 React Native 视差效果
- react-native-sketch ★467 - 一个反应本机 <Sketch /> 组件,用于绘制触摸事件.
- react-native-dialogs ★463 - React Native 包装器https://github.com/afollestad/material-dialogs
- galio ★458 - 一个全新的 React 本机 UI 框架.
- react-native-root-siblings ★452 - 在您的应用程序根元素之后添加兄弟元素.
- react-native-size-matters ★436 - 一个 React-Native 实用工具带,用于在不同大小的设备上缩放应用程序 UI 的大小.
- react-native-button-component ★434 - 适用于 iOS 和 Android 的漂亮、可定制的 React Native Button 组件
- react-native-super-grid ★434 - React Native 的响应式网格视图.
- react-native-activity-view ★427 - 用于 React Native 的 iOS 共享和操作表
- react-native-canvas ★421 - 用于 React Native 的 Canvas 元素
- react-native-refresher ★419 - 一个 React Native 拉动刷新 ListView 完全用 js 编写. 还支持自定义动画.
- react-native-sortable-list ★412 React Native 的可排序列表,支持垂直和水平方向.
- react-native-gesture-password ★410 - React Native 的手势密码组件
- react-native-carousel ★406 - 用于反应本机的简单轮播组件
- react-native-country-picker-modal ★403 - 国家选择器提供了一个模式,允许用户从列表中选择一个国家. 它在每个国家名称旁边显示一面旗帜.
- react-native-radio-buttons ★399 - 一个用于实现自定义单选按钮行为的反应组件:多个选项,只能一次选择.
- react-native-masked-text ★392 - 用于 React Native 的简单屏蔽文本和输入文本组件.
- react-native-accordion ★390 - React Native 的手风琴组件
- react-native-invertible-scroll-view ★388 - 用于 React Native 的可翻转 ScrollView
- react-native-message-bar ★384 - 用于通过屏幕顶部/底部的动画消息栏呈现通知的模块,高度可定制,适用于 React Native(Android 和 iOS)项目.
- react-native-fit-image ★383 - 响应式图像组件,完美契合自身.
- react-native-text-input-mask ★383 - Android 和 iOS 的文本输入掩码,本机实现 RedMadRobot 库
- react-native-alphabetlistview ★372 - 基于 johanneslumpe 的 react-native-selectablesectionlistview,带有侧边栏的 ListView 可以直接跳转到各个部分
- react-native-check-box ★372 - React Native 的复选框组件,适用于 iOS 和 Android.
- react-native-really-awesome-button ★370 - RNRAB 是一个 60fps 的 3D,支持进度,可扩展,生产就绪组件,呈现一组很棒的动画 UI 按钮.
- react-native-autocomplete-input ★366 - react-native 的纯 javascript 自动完成输入
- react-native-splashscreen ★358 - 反应本机的启动画面
- react-native-responsive-image ★344 - 最优雅的响应式图片组件
- react-native-pdf-view ★338 - 使用 react-native 查看 pdf 文件
- react-native-image-header-scroll-view ★338 - 标题中带有图像的 ScrollView 成为导航栏
- react-native-toast ★336 - 一个类似 toast 的 android,用于对 iOS 和 Android 的 react-native 支持
- react-native-modal-picker ★333 - 跨平台(iOS / Android),用于 React Native 的选择器/选择器组件,可高度自定义并支持部分.
- react-native-off-canvas-menu ★327 - 为 React 本机应用程序精心制作的画布菜单组件.
- rn-sliding-up-panel ★321 - React Native 可拖动向上滑动面板完全用 Javascript 实现. 在 iOS 和 Android 上都能很好地工作.
- react-native-search-box ★319 - 一个带有动画的简单搜索框,灵感来自 ios 搜索栏.
- react-native-parallax-swiper ★315 - 基于 iOS 模式的可配置视差滑动器. 使用本机驱动程序实现超级平滑的视差.
- react-native-gesture-recognizers ★313 - 反应本机的手势识别器装饰器
- react-native-searchbar ★313 - 一个动画搜索栏,用于通过内置搜索(iOS 和 Android)进行本机反应
- react-native-app-auth ★310 - React Native bridge for AppAuth - 一个符合 PKCE 标准的 SDK,用于与 OAuth2 提供商通信
- react-native-circular-action-menu ★305 - 动画和可定制的圆形浮动菜单.
- react-native-effects-view ★304 - 使 iOS8 UIVisualEffect 易于使用的 React Native 组件
- react-native-root-modal ★304 - 反应本机模态组件
- react-native-timeago ★278 - 为 React Native 自动更新 timeago 组件
- react-native-grid-view ★276 - React Native 网格/集合视图组件
- react-native-md-textinput ★275 - 使用 Material Design 设计样式的 React Native TextInput.
- react-native-timer-mixin ★274 - TimerMixin 为将来执行代码提供计时器功能,这些代码在组件卸载时会被安全清理. 这是一个包括 react-native InteractionManager 支持的分支.
- react-native-tableview-simple ★267 - 用纯 CSS 制作的 TableView 的 React Native 组件
- react-native-keyboard-manager ★267 - 允许防止键盘向上滑动和覆盖 React-Native iOS 项目的问题的库.
- react-native-tabbar ★261 - 更自由的标签栏
- react-native-simple-router ★255 - 社区维护的 React Native 路由器组件
- react-native-cacheable-image ★255 - 用于 react-native 的文件系统可缓存图像组件
- react-native-segmented-control-tab ★252 react-native-segmented-control-tab(适用于 Android/iOS)
- react-native-modal-selector ★249 - 跨平台(iOS / Android),用于 React Native 的选择器/选择器组件,可高度自定义并支持部分.
- react-native-keyboardevents ★247 - 监控键盘显示/隐藏通知
- react-native-multiselect ★246 - 用于 react-native 的简单多选组件.
- react-native-cardview ★239 - 反应本机的 CardView(所有 Android 版本和 iOS)
- react-native-shimmer-placeholder ★231 - React Native 的占位符
- react-native-progress-hud ★228 - 为您的 React Native 应用程序提供干净轻便的进度 HUD
- react-native-qrcode-svg ★228 - 基于 react-native-svg 和 node-qrcode 的 React Native 二维码生成器.
- react-native-bottom-action-sheet ★226 - React Native:原生底部操作表
- react-native-awesome-button ★222 - 一个 React Native 组件呈现一个按钮,支持在给定传递的道具的情况下显示不同的外观和功能
- react-native-mobx ★220 - 让你的应用程序与 MobX 和 react-native-router-flux 反应
- react-native-egg ★220 - 一个彩蛋组件实现简单的手势检测实现触发可以让你的react native app无限好玩.
- react-native-progress-bar ★218 - React Native 的动画进度条组件
- react-native-tooltip ★217 - 用于显示工具提示的本机包装器
- react-native-emoji ★216 - React Native 的表情符号组件
- react-native-image-cache-hoc ★211 - 为标准图像组件添加高级缓存和持久性功能的高阶组件.
- react-native-parallax-scroll ★209 - 具有粘性标题、前景、本机驱动程序和所有可滚动组件(FlatList、ListView、SectionList、ScrollView)支持的视差滚动组件.
- react-native-shine-button ★205 - React Native 效果如闪耀
- autoresponsive-react-native ★201 - 一个神奇的 React 布局库
- react-native-autolink ★201 - React Native 的自动链接组件
- react-native-carousel-control ★199 - 支持 iOS 和 Android 的 React Native Carousel 控件.
- react-native-picker-select ★199 - 一个用于 React Native 的 Picker 组件,它模拟了原生的
<select>
适用于 iOS 和 Android 的界面 - react-native-calendar-select ★195 - 用于从日历模式中选择日期期间的组件,例如 Airbnb.
- react-native-wheel-picker ★190 - React 本机跨平台选择器.
- react-native-grid-component ★188 - 易于为您的反应本机项目使用网格组件. 支持 iOS 和安卓系统.
- react-native-popover-menu ★188 - React Native:原生弹出式菜单
- react-native-collapsing-toolbar ★185 - android CollapsingToolbarLayout 包装器
- react-native-pagination ★182 - 一个漂亮的列表分页插件.
- react-native-hero ★180 - 支持动态或静态图像、动态调整大小、颜色叠加等的英雄/横幅组件.
- react-native-selectme ★178 - 更好的 React-native 选择下拉菜单
- react-native-swiper-animated ★176 - 类似 Tinder 的滑动器,用于反应本机
- react-native-tab ★171 - react-native-tab 是一个简单的模块,用于将“选项卡菜单”添加到您的 React Native 应用程序.
- react-native-webbrowser ★167 - 用于 React Native 应用程序的跨平台(iOS / Android),功能齐全,高度可定制的 Web 浏览器模块.
- react-native-autocomplete ★163 - 为 MLPAutoCompleteTextField 反应本机组件
- react-native-segmented-view ★159 - React Native 的分段视图(带动画)
- react-native-cache-image ★158 - 用于反应本机的缓存图像
- react-native-pulse-loader ★158 - 类似 Tinder 的 React Native 应用加载器
- stacks ★156 - 堆栈:一组用于快速构建 RN 视图的布局组件 ⚡,使用调试模式和设计系统网格,您可以研究重要的视觉问题.
- react-native-display ★155 - 此模块带来“显示:无”(css 样式)以从渲染打开/关闭组件. 使用此模块将通过进入/退出动画改善您的应用程序性能和外观.
- RNParallax ★155 - 带有视差标题的反应本机滚动视图组件
- react-native-checkbox ★154 - React native 的复选框组件
- react-native-phone-input ★154 - React Native 的电话输入框
- react-native-switch-pro ★153 - 一个非常好的 Android 和 iOS 开关,在两个平台上具有相同的性能并且库中的代码干净.
- react-native-popup ★153 - 反应本机的弹出窗口
- react-native-radial-menu ★153 - 针对触摸界面优化的径向菜单
- react-native-gestures ★152 - React Native 中的可组合手势系统
- react-native-page-control ★151 - React 原生页面控件,如 ios UIPageControl
- react-native-iconic ★149 - React Native - 不同状态的动画图标
- react-native-google-place-picker ★148 - 适用于 Android 和 iOS 的 Google Place Picker 的 React Native Wrapper.
- react-native-scaling-drawer ★148 - 反应本机缩放抽屉.
- react-native-image-carousel ★148 - 图像轮播,支持全屏模式、图像滑动和全屏模式下的双指缩放.
- react-native-offline-mode ★144 - 在没有连接的情况下将您的应用程序换成离线版本
- react-native-orientation-listener ★141 - 用于获取当前设备方向的反应本机库
- react-native-multi-slider ★137 - Pure JS slider component with multiple markers for React Native
- react-native-color-picker ★137 - Android 和 iOS 颜色选择器的 React Native 实现.
- react-native-android-statusbar ★135 - 一个反应本机 android 包来控制状态栏.
- react-native-privacy-snapshot ★133 - 当反应本机应用程序转换到后台时模糊密码和其他敏感的个人信息
- react-native-custom-segmented-control ★132 - 具有自定义样式的分段控制的本机 UI iOS 组件
- react-native-map-link ★131 - 在用户选择的地图应用程序中打开一个位置.
- react-native-sketch-canvas ★129 - 用于在 iOS 和 Android 上通过触摸绘图的 React Native 组件. (支持在图片、文字上绘图)
- react-native-floating-labels ★126 - Reusabe 浮动标签组件以响应本机
- react-native-beautiful-video-recorder ★125 - 从 react-native-camera 扩展而来的录像机组件. 它适用于 iOS 和 Android.
- react-native-cell-components ★125 - 很棒的 react-native 细胞组件! 从 Cell 到更复杂和更棒的组件.
- react-native-material-menu ★119 - React Native 的纯 JavaScript 材料菜单组件.
- react-native-bouncy-drawer ★116 - 高度可定制的弹力抽屉
- react-native-taptargetview ★114 - 用于 Android KeepSafe/TapTargetView 的 React Native Bridge. 用于功能发现的 Material Design 指南中的点击目标的实现.
- photo-viewer ★114 - 用于在 NYTPhotoViewer 和 FrescoImageViewer 之上构建的本机照片查看器
- react-native-switch-selector ★112 - 适用于 Android 和 iOS 的自定义开关选择器组件.
- react-native-flexi-radio-button ★111 - 用于 React Native 的简单灵活的单选按钮
- react-native-triangle ★108 - 在 React Native 中绘制三角形视图
- react-native-viewport-units ★107 - 非常简单的实用程序(某种程度上)将视口单元与 React Native 结合使用.
- react-native-wheel-picker-android ★186 - 简单灵活的 Android 原生 React 滚轮选择器,包括 DatePicker 和 TimePicker.
- react-native-device-display ★105 - 一种通过设备和显示检测创建动态视图的简单方法,允许创建适应性强的通用应用程序.
- react-native-android-kit ★104 - 一组用于 React Native 框架的原生 Android UI 组件和模块(Android 设计支持库、TabLayout、浮动操作按钮等...).
- react-native-fading-slides ★103 - 用于 React Native 的简单循环淡入淡出幻灯片轮播
- react-native-scl-alert ★102 - React Native 实现包 SCLAlertView-Swift
- react-native-card-view ★101 - 反应本机卡组件
- react-native-marquee-label ★100 - 反应本机的字幕标签
- react-native-drawer-menu ★97 - React Native 抽屉菜单
- react-native-simple-dialogs ★97 - 基于 Modal 组件的 React Native 的跨平台简单对话框.
- react-native-swipe-a-lot ★96 - 适用于 iOS 和 Android 的 React Native 滑动组件.
- react-native-submit-button ★96 - 动画提交按钮. 适用于 android 和 ios
- react-native-actions-sheet ★94 - 具有灵活 api、本机性能和零依赖代码的跨平台(Android 和 iOS)ActionSheet
- react-native-dialog ★92 - 纯 JavaScript React-Native 对话框
- react-native-scrollable-mixin ★91 - 可滚动的 React Native 组件的标准接口,使组合组件更容易
- react-native-open-maps ★90 - 一个简单的库,用于从 react-native 中的一组坐标(纬度和经度)打开相应的地图应用程序(谷歌或苹果地图)
- react-native-swiper2 ★86 - React Native 的 Swiper 组件. 超级酷的 react-native-swipers
- react-native-listitem ★86 - 用于 React Native 的 iOS 风格列表项组件
- react-native-progressive-input ★86 - 带有清除按钮和活动指示器的文本输入,用作自动完成列表的一部分.
- react-native-in-app-notification ★86 - Customisable in-app notification component for React Native
- react-native-shared-preferences ★85 - React Native中Android的Native键值存储系统
- react-native-emoji-picker ★85 - 简单的表情符号选择器,用于反应本机,带有可选的类似模态的组件
- react-native-scalable-image ★85 - React Native Image 组件自动缩放宽度或高度以保持原始纵横比.
- react-native-page-swiper ★83 - React Native 的 Page Swiper 组件.
- react-native-material-showcase-ios ★81 - 用于 iOS 的 React Native Bridge aromajoin/material-showcase-ios. 优雅漂亮的 iOS 应用程序展示.
- react-native-label-select ★81 - React Native 的模态选择器,所选项目显示为标签.
- react-native-3dcube-navigation ★80 - 具有 3D 立方体过渡(水平和垂直)的 Page Swiper 组件
- react-native-keyboard-accessory ★80 - 键盘附件(视图、导航)组件. 键盘上的粘性视图.
- react-native-draggable-grid ★79 - 由 typescript 编写的 React Native 可拖动和可排序网格组件.
- react-native-textinput-utils ★79 - 一个反应本机扩展,允许您更好地控制 TextInput.
- react-native-idle-timer ★79 - 一个 Objective-C 桥,允许您在 React Native 应用程序中启用和禁用屏幕空闲计时器
- react-native-snackbar-component ★77 - 适用于 Android 和 iOS 的快餐栏组件,可自定义且简单.
- react-native-charts ★76 - 令人愉快的动画数据可视化.
- react-native-android-blurryoverlay ★75 - 反应本机 android 包显示模糊覆盖.
- react-native-calendar-datepicker ★75 - 一个跨平台的日历日期选择器
- react-native-scrollview-smart ★75 - 适用于 IOS 和 Android 的智能滚动视图组件.
- react-native-zoom-image ★75 - 用于 react-native 的图像查看器组件,如 twitter 的图像查看器.
- react-native-picker-xg ★74 - 适用于 Android 和 iOS 的选择器
- react-native-status-bar-height ★73 - 一个帮助您轻松获取状态栏高度的小型库. 它还支持 iPhone X.
- react-native-color-wheel ★72 - 反应本机可重复使用的颜色选择器轮
- react-native-scrollview-lazyload ★71 - 带有图像延迟加载的本机滚动视图
- react-native-pure-navigation-bar ★71 - React Native 中完全可定制的导航栏.
- react-native-material-cards ★70 - 材料设计卡片组件,可定制且用途广泛.
- react-native-item-cell ★69 - React Native 默认样式 iOS 项目单元格
- react-native-calendario ★69 - React Native 日历 DatePicker
- react-native-picker-android ★67 - react-native-picker-android
- react-native-nested-stylesheet ★67 - 用于反应本机的可嵌套样式表.
- react-native-dropdown-android ★65 - Android Spinner 的简单包装器,用于 react-native
- react-native-slot-machine ★65 - 用于 react-native 的文本老虎机组件
- react-native-swipeview ★65 - SwipeView 组件用于执行滑动删除等操作,适用于 iOS 和 Android
- react-native-download-button ★64 - React Native 下载按钮:带有非常酷的动画
- react-native-siri-wave-view ★64 - React Native:原生 Siri Wave 视图
- react-native-card-media ★63 - 卡片媒体组件 & 支持多图布局
- react-native-simple-picker ★62 - 一个简单的 react-native 选择器
- react-native-view-pdf ★62 - React Native 的 PDF 查看器
- react-native-touchable-bounce ★62 - React Native Touchable Bounce
- react-native-streetview ★61 - 适用于 iOS 和 Android 的 Google 全景/街景组件.
- react-native-thumbnail ★60 - 从本地媒体获取缩略图.
- react-native-simple-stepper ★60 - UIStepper iOS 控件的超级简单的反应本机实现.
- react-native-phone-picker ★58 - 快速电话选择器控件
- react-native-infinite-scrollview ★58 - 具有无限分页滚动的 ScrollView(无循环)
- react-native-select-multiple ★58 - 一个简单易用的组件,用于从列表中选择多个项目.
- react-native-multiple-choice ★57 - 跨平台(iOS / Android)单选和多选 React Native 组件.
- k-react-native-swipe-unlocker ★55 - React Native 的简单滑动解锁
- react-native-walkthrough-tooltip ★55 - 通过工具提示/弹出窗口突出显示组件
- react-native-adbannerview ★52 - 用于 ADBannerView 的 React Native Bridge
- react-native-fxblurview ★52 - 流行的 FXBlurView 库的 React Native 包装器,用于实时、微调的模糊效果
- react-native-beautiful-image ★52 - Beautiful Image组件,支持fadeIn动画,如果无法加载主源则显示placeholderSource.
- react-native-360-image-viewer ★100 - 该组件有助于从多个图像中模拟 360 度图像.
- react-native-fs-modal ★51 - 反应本机全屏模式组件.
- react-native-toast-native ★51 适用于 Android 和 iOS 的 React Native Toast 组件.
- react-native-masked-view ★50 - 反应本机的元素
- react-native-md-motion-buttons ★50 - 受 inVision 应用程序启发的材料设计运动按钮.
- react-native-drop-refresh ★49 - 用于 React Native 的下拉刷新控件.
- react-native-pin-view ★48 - 简单、方便、快速成型的 PinView 组件. 它在 IOS 和 Android 上运行流畅.
- react-native-radio-button-classic ★47 - 将经典广播带到 React-Native
- react-native-image-intent ★47 - React Native android 的图像意图接收器
- react-native-dial ★47 - 反应本机可重复使用和高效的拨号旋钮元素.
- react-native-date ★46 - 适用于 Android 的 React Native 日期和时间选择器
- react-native-draggable-drawer ★46 - React Native 的 DraggableDrawer 组件.
- react-native-date-picker ★46 - 适用于 Android 和 iOS 的日期选择器组件
- react-native-message-composer ★45 - React Native 模块桥接到 iOS MFMessageComposeViewController
- react-native-layout ★45 - 用于 react-native 的语义 JSX 布局组件
- react-native-touch-visualizer ★45 - 在 iOS 的 React Native 应用程序上可视化触摸和拖动.
- react-native-calendar-android ★44 - 一个简单的材料主题日历,用于反应本机 android
- react-native-air-progress-bar ★44 - React Native 进度条组件,可定制和动画
- react-native-full-screen ★44 - React Native FullScreen api 和元素
- react-native-full-image-picker ★44 - 支持拍照、录像或从照片库中选择.
-
react-native-viewport ★43 - 反应本机的视口尺寸
-
react-native-progress-circular ★43 - 用于 iOS 和 Android 的循环进度条的纯 React Native 组件.
- react-native-tween-animation ★43 - 一个简单的反应本机状态补间动画模块.
- react-native-flanimatedimage ★43 - 用于 React Native 的 FLAnimatedImage.
- react-native-grading ★43 - 使用 ReactART 对分数进行评分的 React Native 组件.
- react-native-auto-typing-text ★43 - 用于 react-native 的自动输入文本组件
- react-native-slack-webhook ★42 - 通过 Slack 和此 webhook 库从您的应用程序关注一些活动(新用户、付款等).
- react-native-responsive-linechart ★41 - 轻松绘制折线图和面积图. 反应灵敏.
- react-native-simpledialog-android ★41 - React Native Android 模块以使用 Android 的 AlertDialog - 与 AlertIOS 相同的想法
- react-native-toolkit ★41 - 用于反应本机移动应用程序的通用 UI 组件的集合.
- react-native-draggable-grid ★41 - 由 typescript 编写的 React Native 可拖动和可排序网格组件.
- react-native-sortable-gridview ★4 - 一个 React Native 可排序和可拖动的网格视图组件.
- react-native-elastic-stack ★41 - 实现的 ReactNative 组件 elastic stack effect
- react-native-big-slider ★41 - 另一个大的纯 JS 易于定制和破解的反应本机滑块组件.
- react-native-custom-actsheet ★40 - 用于 react-native 的自定义 ActionSheet
- rn-render-perfs ★40 - 使用 UI 控件测量 React 渲染生命周期
- react-native-animated-check-mark ★40 - 用于动画十字标记转换的小型反应组件.
- react-native-easy-dnd ★39 - 用于反应本机的拖放组件
- react-native-fab ★39 - 适用于 Android 和 iOS 的 FAB 按钮组件,可自定义,简单且符合材料设计规范.
- react-native-popupwindow ★38 - 用于反应本机模块的 Android PopupWindow
- react-native-wheel ★38 - android wheel view for react-native
- react-native-bar-collapsible ★38 - 可折叠(切换/手风琴)、可点击或纯文本的 Bar 组件.
- react-native-circle-view ★37 - 使用 CircleView 圈出反应本机 android 的进度
- react-native-slidable-tab-bar ★37 - 用于即时视图渲染的可滑动标签栏(react-native)
- react-native-scrollable-decorator ★37 - 可滚动的 React Native 组件的标准接口,使组合组件更容易
- react-native-circle-checkbox ★37 - React Native 的圆形复选框组件
- react-native-newsticker ★35 - React Native 的 News Ticker 组件
- react-native-awesome-alert ★35 - 在 React Native 中带有 ✔️check 选项的可定制模态组件
- react-native-view ★34 - 用于快速样式化的轻量级视图组件.
- react-native-draggable-calendar ★34 - 支持拖动的日历组件.
- react-native-countdown ★33 - 反应本机倒计时按钮
- react-native-dashed-border ★33 - 反应本机的元素
- react-native-writebox ★33 - (iOS / Android) 自动增长和计数字符的 Facebook/Twitter 文本区域.
- react-native-ibeacon-simulator ★32 - React Native Library 来模拟设备充当 iBeacon
- react-native-suggester ★32 - React-Native 包来装饰 TextInput 并获得具有良好用户体验的建议.
- react-native-photo-grid ★31 - React Native 组件处理构建照片网格的复杂性,每行照片数量灵活.
- react-native-android-iconify ★30 - 使用 android-iconify 反应本机 android 的图标
- react-native-touchable-set-active ★30 - React Native 的可触摸组件,通过设置活动状态启用更高级的样式. 对于在其上构建您自己的可触摸/按钮组件最有用.
- react-native-telephone-input ★30 - React Native Telephone Input,发现国家和屏蔽电话输入
- react-native-nmrangeslider-ios ★29 - React Native 的 NMRangeSlider 组件
- react-native-fade-in-view ★29 - 一个简单轻量级的 RN 组件,在其子组件中消失
- react-native-gl-image-filters ★27 - 用于图像实现的 React Native GL 过滤器.
- react-native-focus-scroll ★26 - react-native-focus-scroll 可以检测滚动时关注了哪些孩子.
- react-native-about-libraries ★26 - React Native:它提供有关安装包的信息
- react-native-actionsheet-native ★25 - Android ActionSheet 支持 React Native
- react-native-comparison-slider ★25 - 与滑盖功能相比显示两个图像的简单组件.
- react-native-selectmultiple-button ★25 - 一个按钮(或一组按钮)支持多选或单选
- react-native-timeline-theme ★25 - 时间线主题的集合. 这个包只使用 flexbox(没有绝对)和 FlatList
- react-native-date-range-picker ★25 - 从 react-native-calendars 扩展的简单日期范围选择器
- react-native-circle-progress ★24 - 用于 React Native 的自定义圆圈进度指示器
- react-native-app-intro-v2 ★24 - 最新的应用介绍
- react-native-starrating ★24 - 用于显示交互式星级的反应本机组件
- react-native-echarts-wrapper ★24 - 为 React Native 构建强大的 ECharts 包装器
- react-native-orientation-controller ★23 - 用于获取和控制当前设备和应用程序方向的 react-native 库
- react-native-match-media ★23 - 用于 React Native 的 window.matchMedia 模拟
- react-native-simple-card-view ★23 - 在屏幕上添加卡片视图的最简单方法.
- monalisa-ui ★22 - MonalisaUI 是 React Native 的 UI 组件库,用于为 iOS 和 Android 平台构建原生移动应用程序
- react-native-square-view ★22 - 用于反应本机的方形视图组件.
- react-native-ichart ★22 - 用于反应本机的图表
- react-native-dropbox-chooser ★21 - React Native 保管箱选择器模块
- react-native-compress ★21 - 压缩视频以响应本机. 仅适用于 iOS,Android 即将推出.
- react-native-custom-actionsheet ★21 - 用于 React Native 的完全可定制的 ActionSheet.
- react-native-timepicker ★20 - 适用于 iOS 的 React Native 时间选择器
- react-native-custom-checkbox ★20 - 可以自定义的 React Native 复选框. 适用于 Android 和 iOS.
- react-native-tilt ★20 - React Native 组件的加速度计倾斜效果.
- react-native-drawpad ★20 - 供用户通过触摸绘图的垫子
- rn-ab-hoc ★19 - 使用 HoC 而不是组件进行 A/B 测试的侵入式方法很差.
- react-native-expand ★19 - 适用于 Android 和 iOS 的 react-native 可扩展组件
- react-native-modal-loader ★19 - 用于 React 应用程序的可定制动画模式进度 HUD.
- react-native-images-collage ★19 - 用于 React Native 的强大交互式图像拼贴组件.
- react-native-avatar-gravatar ★18 - React Native Gravatar 组件
- react-native-image-modal ★16 - 适用于 iOS 和 Android 的简单全尺寸模态图像. 支持放大/缩小、双击放大/缩小、移动和滑动关闭
- react-native-notifier ★16 - 用于 React Native 的快速简单的应用内通知
- react-native-grid ★15 - react-native 的 24 列网格组件
- react-native-search ★15 - 用于反应本机的本机搜索组件.
- rn-displayable ★15 - 根据道具或一组规则显示您的组件
- react-native-custom-picker ★15 - 反应本机可定制的选择器组件.
- react-native-confirmation-code-field ★15 - 一个React Native组件,用于输入Android和IOS的确认码
- react-native-android-circles ★14 - 一个反应本机 android 包来显示一个圆形进度视图.
- react-native-anchor-point ★14 - 让精美的 3D 转换在 React Native 中更容易
- react-native-code-verification ★13 - 用于用户端密码验证的 UI 模块.
- react-native-hijri-date-picker ★13 - Android 回历日历的日期选择器对话框.
- react-native-imagewand ★13 - 用于反应本机的图像棒
- react-native-gravatar ★13 - 用于 gravatar-api 的 react-native 包装器
- react-native-rebound-scrollview ★12 - React Native Android ReboundScrollView 实现.
- react-native-calculator ★12 - React Native 计算器和计算器输入组件.
- react-native-navbar-color ★12 - 在 Android 中更改导航栏颜色
- radio-buttons-react-native ★11 - 用于反应本机的动画单选按钮组件
- react-native-piechart ★10 - 用于 React Native 的组件
- react-native-seekbar-android ★10 - 一个 React Native 包装器 Android 的 SeekBar
- react-native-coachmasks ★10 - 反应本机教练标记! 它可以帮助您轻松创建 Coach Marks 以增强用户体验!
- react-native-progress-button ★10 - 一个可以显示进度的反应本机按钮组件.
- react-native-quiltview ★9 - 带有用于 React Native 的 RFQuiltLayout 的原生 iOS UICollectionView 包装器
- react-native-relative-units ★9 - React Native 的相对单位
- react-native-simple-button ★9 - 一个简单的反应本机按钮
- react-native-styled-toast ★9 - 用于 React Native 的主题吐司组件.
- react-native-frame-loading ★9 - 带有逐帧视图动画的加载指示器
- react-native-rheostat ★9 - 灵感来自 Airbnb rheostat,一个功能强大的滑块,带有各种数据可视化图表.
- react-native-country-picker ★8 - React Native Country Picker
- react-native-flex-label ★8 - 一个用于 React Native 的文本标签,它处理多行带有省略号截断的文本以及它的视图容器中的垂直对齐.
- react-native-link ★8 - 链接组件
- react-native-stylesheet-xg ★8 - 跨平台和响应式扩展样式表
- react-native-bouncing-ball ★8 - 适用于 iOS 和 Android 的 React Native 组件弹跳球.
- react-native-loading ★7 - 为您的 React Native 应用程序轻量级加载.
- react-native-segment-control ★7 - 用于 React Native 应用程序的可滑动 SegmentedControl 组件.
- react-native-animated-styles ★7 - 轻松动画/过渡两种样式状态之间的反应组件.
- react-native-hide-modal ★6 - 可以隐藏的模态组件
- react-native-hole-view ★6 - 用于在任何视图中切出点击孔的组件. 非常适合制作类似教程的叠加层
- react-native-masonry-brick-list ★5 - 纯 js 编写的 React Native 的交错或砌体列表视图
- react-native-blur-overlay ★5 - 适用于 Ios 和 Android 的 React Native Blur Overlay 库
- react-native-rate-modal ★5 - 用于 React Native 的可破解的“评价我们”组件.
- react-native-fancy-carousel-viewpager ★4 - React Native 设计的 View Pager 库(纯 js)
- pinar ★4 - 具有辅助功能支持的可定制、轻量级 React Native 轮播组件.
- react-native-svg-transformer ★4 - 在 React Native 组件中导入 SVG 文件. 使用 react-native-svg 库渲染 SVG 图像.
- react-native-progress-steps ★4 - 一个简单且完全可定制的 React Native 组件,可实现进度步进器 UI.
- react-native-loader-hud ★3 - React Native 的 Loader 动画库
- react-native-double-buffer ★3 - 简单的 React Native 双缓冲视图
- react-native-fontbase ★3 - 在 React Native 中定义字体大小
- react-native-units ★2 - React Native 中用于响应式布局的有用单元和简单网格实现的集合.
- react-native-easy-checkbox ★2 - 用于反应本机的简单复选框
- react-native-scene-manager ★2 - React-Native 的简单场景管理器
- react-native-rounded-navigation-drawer ★2 - React Native 设计的导航抽屉库(纯 Js)
- react-native-expandable-fab-menu ★2 - React Native 可扩展 Fab 菜单组件(纯 js)
- react-native-animated-bottom-tabbar ★2 - 用于反应本机的动画底部标签栏
- react-native-create-new-file-ios ★1 - 用于在 ios 上创建空白新文件的 react-native 界面. 文件必须不存在.
- react-native-picker-module ★1 - React Native Picker 的另一种方法.
- react-native-countries ★1 - 此软件包直接为您提供来自设备的本国名称和代码列表.
- react-native-scrubber ★1 - 适用于 iOS 和 Android 的简单音频/视频洗涤器.
- react-native-loader-kit ★1 - React Native 的纯原生加载动画.
- react-native-new-feature ★1 - 一个简单轻量级的 What's New 组件,用于展示您最新的 React 本机功能.
- react-native-sdr - React Native 的服务器驱动渲染 (SDR) 组件
- react-native-store-view ★19 - 包装 SKStoreProductViewController 以用于本机反应项目
- react-native-image-container ★0 - React Native 的图像容器
- react-native-counters ★0 - React Native 的减号计数器
- react-native-gradient-buttons - 用于 React Native 的轻量级、可定制和触觉渐变按钮组件.
- react-native-auth-screens - React Native 的一系列身份验证视图:登录、社交登录注册和忘记密码. 使用
react-native-gradient-buttons
. - react-native-animated-flatlist - React Native 的动画平面列表.
- swipeable-modal-react-native - 可以向左或向右滑动以运行不同功能的“弹出式”模式.
- react-native-countdown-text - 一个 React Native 组件,可根据格式将未来日期的时间戳转换为可读的倒计时时钟.
- rn-actionsheet-module ★0 - BottomsheetDialog 和 ActionSheetIOS 具有相同的道具和用法.
- react-native-animated-loader - 一个 React Native Loader 组件,它使用 Airbnb 的 Lottie 来制作漂亮的加载器动画.
- rn-verifcode - React-Native 组件为安卓和IOS输入确认码
- react-native-picker-modal-view - 反应本机模块以选择项目选择器模式.
- rn-material-textinput - 一个简单的 TextInput 包装器,用于 iOS 和 Android 中的材料样式,具有可自定义的样式和动画标签.
- rn-action-picker - 适用于 iOS 和 Android 的简单操作选择器. 在 iOS 中呈现本机 ActionSheetIOS 组件,在 Android 中呈现自定义 ActionSheet 相似组件.
- rn-collapsible-section - 可折叠的部分/部分列表,带有可定制的部分正文和子正文. 同时支持 iOS 和安卓.
- view-on-steroids - 具有内联样式的 React-Native View 组件
- react-native-eva-icons - Eva Icons 基于 react-native-svg 元素的 React Native 实现.
- react-native-dots-pagination ★3 - React Native 的简单点分页.
- react-native-gesture-detector - 在 React Native 上轻松创建和检测自定义的复杂手势.
- react-native-scrollview-header ★5 - 在滚动时从透明背景过渡到不透明的动画 ScrollView 标题.
- react-native-wizard - 轻松导航您的用户以进行下一步. 快速成型向导组件.
- react-native-timetable - React Native 的时间表库
- react-native-material-drawer - React Native Material Drawer 适用于 iOS、Android、Web 和 Electron
Navigation¶
- react-navigation ★14233 - 易于使用的 React Native 导航
- react-native-navigation ★9325 - 应用程序范围内支持 100% 本机导航,具有简单的跨平台界面.
- react-native-navigation-hooks ★109 - 一组用于 React Native Navigation 的 React 挂钩.
- react-native-router-flux ★7720 - 基于新的 React Native Navigation API 的 React Native Router
- kittenTricks ★4227 - 具有 40 多个屏幕和主题热重载支持的 React 本机移动入门套件
- native-navigation ★3060 - React Native 应用程序的本地导航库
- react-native-navbar ★1824 - 用于反应本机的简单可定制导航栏组件
- react-native-router ★1203 - 为您的本机应用程序提供很棒的导航.
- ex-navigation ★1019 - 一个以路线为中心、包含电池的导航库,适用于 Exponent 和 React Native,可在 Android 和 iOS 上无缝运行.
- react-native-controllers ★580 - 真正原生的不妥协的 iOS 导航,适用于 React Native.
- ex-navigator ★531 - 建立在 React Native 的 Navigator 之上的以路线为中心的导航
- react-native-nav ★262 - 跨平台(iOS / Android),完全可定制的 React Native Navigation Bar 组件
- react-native-navigation-drawer ★98 - 受 Android for React-Native 启发的滑动菜单
- react-native-ya-navigator ★88 - 另一个反应本机导航器组件
- navbar-native ★86 - 用于 React-Native 的全新、完全可定制的 Navbar 组件
- react-native-swiper-flatlist ★★ ★81 - 使用 FlatList 实现的 React Native Swiper 组件
- react-native-easy-router ★78 - 具有易于使用的 API 的 React Native 路由器
- react-native-navigator ★74 - 一个用于 React Native 的简单路由器
- react-navigation-magic-move ★62 - 结合使用 react-navigation 和 react-native-magic-move ✨(共享元素转换)
- react-native-navigation-bar ★59 - 反应本机导航栏
- react-native-url-handler ★37 - 导航到外部 URL、处理应用内 URL 和访问系统 URL
- react-native-grid-list ★ ★28 - React Native 网格列表组件
- react-native-route-navigator ★27 - 使用 URI 的 React-Native 页面导航.
- react-native-transparent-bar ★16 - 反应本机导航器透明栏
- react-native-email-chip ★8 - 一个简单但可自定义的组件,用于显示电子邮件的芯片列表
- react-native-invoke-app ★8 - 将 React Native App 从 Headless JS 带到前台
- react-native-keyboard-sticky-view ★7 - 带动画和 renderProps 的键盘粘性视图
- sajjad-brick-list ★5 - 纯 js 编写的 React Native 的交错或砌体列表视图
- react-native-router-sinux ★ ★4 - React Native Router 基于使用 Sinux 作为 Flux 实现的新 NavigationExperimental.
- react-native-simple-slider ★3 - 这是一个简单的 javascript 滑块组件,用于响应本机
- react-native-header-scroll-view ★3 - iOS 风格的大标题滚动视图.
- react-native-navigation-buttons ★2 - React Native Navigator 的 iOS 导航按钮
- react-native-hotspot ★2 - 一个 React Native 组件,它在所需组件上显示热点,以帮助引导您的用户完成入门流程或将他们引导到新的 UI 元素
- react-native-pointer-interactions ★2 - 将 iPad 鼠标和触控板交互暴露给 React Native.
- react-native-yynavigator ★1 - 反应本机的自定义导航栏
- react-native-telegraph ★1 - 支持 Snackbars、横幅和对话框的应用内消息编排
Navigation/Routing Articles¶
- Basics of using react-native-router-flux
- Routing and Navigation in React Native
- NavigatorIOS: Accessing onRightButtonPress from within child component
Navigation Demos¶
- movieapp ★1441 – 发现电影和电视节目 - 它使用 redux 和 wix/react-native-navigation
- ExNavRelay ★23 - React Native + Ex-navigation + Relay 集成模板
- React Native Drawer & Bottom-Tab Navigation ★6
- React Native Example App: Navigation
Deep Linking¶
-
react-native-deep-link ★36 - React Native 库来处理深层链接
-
react-native-hyperlink ★354 - 一个
<Hyperlink />
使 url、模糊链接、电子邮件等可点击和样式化的 react-native 组件 - react-native-draftjs-render ★253 - 用于 Draft.js 模型的 React Native 渲染
- react-native-html-to-pdf ★171 - 使用 React Native 将 html 字符串转换为 PDF 文档
- react-native-htmltext ★132 - 使用 HTML 之类的标记在 react-native 中创建风格化的文本.
- react-native-html-webview ★102 - 在 React Native 中使用 UIWebView 显示(可能不受信任的)HTML.
- react-native-html-render ★98 - 用于 react-native 的 html 渲染
- react-native-markdown-display ★57 - 高度可定制的 Markdown 渲染器,其所有元素均使用本机组件,无需任何 Web 视图.
- react-native-measure-text ★48 - 无需布局即可测量文本高度.
- react-native-markdown-editor ★47 - Markdown 编辑器,如 github 评论编辑器(包含预览、Markdown 按钮)
- react-native-showdown ★43 - 将 markdown 渲染到 webview 中的 React-native 组件!
- react-native-file-viewer ★33 - 预览移动设备支持的任何类型的文件
- react-native-responsive-fontsize ★22 - 在 React-Native 中提供基于设备高度的响应式字体大小
- react-native-text-size ★21 - 在布局之前准确测量文本并从您的应用程序获取字体信息.
- react-native-hypertext ★20 - React Native 模块呈现超文本(带链接的文本)
- react-native-asciimage ★17 - 用于 React Native 的 ASCIImage 组件
- react-native-universal-modal ★16 - 用于 React Native 的通用简单模态组件
- react-native-html ★11 - 将 html 呈现为反应本机自定义元素
- react-native-responsive-fontsize ★83 - 在 React-Native 中提供基于设备高度的响应式字体大小
- rn-pdf-reader-js ★6 - PDF 阅读器,仅使用 JavaScript,适用于 Expo,支持 Android,PDF.JS
- @typeskill/typer ★4 - 基于操作转换(React)的原生富文本库
Analytics¶
- react-native-fabric ★1097 - 用于 Fabric、Crashlytics 和 Answers 的 React Native 库
- react-native-google-analytics-bridge ★1071 - 用于 React Native 的原生 Google Analytics 桥. 在 iOS 和 Android 上使用官方库.
- react-native-google-analytics ★325 - 用于 React Native 的谷歌分析!
- react-native-mixpanel ★307 - 用于 Mixpanel 跟踪的 React Native 包装器
- react-native-ab ★160 - 用于在 React Native 中呈现 A/B 测试的组件
- react-native-segment-io-analytics ★68 - 一个 React Native Segment 包装器!
- react-native-ux-cam ★32 - 用于 uxcam.com 的 React Native 包装器.
- react-native-td ★26 - 用于 Treasure Data 的非官方 React Native SDK.
- react-native-flurry-sdk ★15 - Flurry SDK 的官方 React Native 包装器. 支持安卓、iOS 和 tvOS.
Utils & Infra¶
- detox ★3566 - Graybox 端到端(功能)测试和移动自动化库,具有对 React Native 的一流支持
- react-native-workers ★616 - react-native 的后台服务和网络工作者
- react-native-mock ★504 - 一个完全模拟和测试友好的 React Native 版本
- loki ★395 - 故事书的视觉回归测试
- react-native-slowlog ★271 - 用于 React Native 的基于计时器的高性能分析器,可帮助您跟踪重大性能问题
- react-native-zip-archive ★173 - 压缩/解压缩存档实用程序
- react-native-tips ★160 - 此模块用于轻松创建一些提示,以帮助您的新用户了解您的应用程序的工作原理.
- codemod-RN24-to-RN25 ★104 - 一个简单的 codemod 来处理 >=RN25 上的新导入样式
- react-native-linkedin ★101 React-Native LinkedIn,一个简单的 LinkedIn 登录库,用于带有 WebView 和 Modal 的 React-Native 或 Expo
- react-native-eval ★75 - 从您的本机代码调用任何 JS 函数
- react-native-device-log ★73 - 用于在设备上显示开发日志的 UI 和服务.
- react-native-call-detection ★73 - 有助于检测不同的呼叫状态,如传入、断开、拨号和连接
- react-native-userdefaults-ios ★66 - NSUserDefaults 的 React Native 模块
- react-native-webp ★56 - react-native-webp 为 react-native 组件添加了对 WebP 图像的支持.
- react-native-global-event-emitter ★50 - 用于 React Native 的本机和 JS 之间的共享事件发射器.
- react-native-user-defaults ★48 - 本机使用的 ios UserDefaults
- react-native-console-time-polyfill ★45 - console.time 和 console.timeEnd 用于 react-native 的 polyfill
- react-native-aws-signature ★42 - 帮助生成使用 AWS API 所需的签名. 使用 S3、ec2 或其他服务所必需的.
- react-native-rsa ★41 - 用于本机反应的 RSA 加密库
- react-native-html-parser ★38 - 在 react-native 中解析 html
- pixels-catcher ★26 - 用于测试 React Native UI 组件和屏幕的库
- react-native-aes ★24 - 反应本机中的 AES
- react-native-network-logger ★20 - 用于 React Native 的 HTTP 网络请求监视器,包括应用程序内界面.
- eslint-config-kingstinct-react-native ★23 - 针对 React Native 和 TypeScript 的自以为是的 ESLint 配置
- react-native-hour-format ★20 - 从操作系统设置中获取小时格式.
- react-native-des ★20 - 一个 des crypto for react-native
- react-native-babel-jest ★15 - 带有 Jest 的 React Native 的简单测试配置
- react-native-simple-encryption ★14 - react-native的简单异或和base_64加密解密
- react-native-immutable ★12 - 将 immutable.js 库与 react-native 结合使用
- react-native-util ★12 - 与 React Native 一起使用的 io.js util 模块的分支
- react-native-referrer ★11 - React Native android only library 来检索活动引荐来源网址.
- react-native-webpackager-server ★6 - 反应本机 webpackager 服务器
- react-native-crypto ★6 - 为 React Native 实现加密
- react-native-fluxbone ★5 - 一组有助于 React Native 中的 FluxBone 模式的库
- react-native-cross-settings ★5 - 适用于 Android 和 iOS 的 React Native 设置模块.
- react-native-HsvToRgb ★3 - 将 HSV(HSB) 颜色转换为 RGB 的助手.
- react-native-use-persist-storage ★3 - 使用 React Hooks 保持和补充你的上下文(状态)
- react-native-tools ★0 - React Native 项目开发工具
- react-native-call-observer - 帮助观察呼叫状态,如传入、结束和连接 (iOS).
- react-native-iphone-se-helper ★0 - 用于开发 iphone SE 尺寸的实用程序.
- react-native-native-log ★0 - 在后台调用本机日志的 React Native 日志功能.
- react-native-mov-to-mp4 ★44 - 用于将 mov 文件转换为 mp4 以实现跨平台播放兼容性的实用程序.
- react-native-test-runner ★1 - 在 React Native 的环境中运行单元和集成测试.
Forms¶
- formik ★10633 - React 中的表单,没有眼泪.
- react-hook-form ★9346 - React hooks 用于表单验证,没有麻烦.
- redux-form ★4829 - Redux 表单状态管理(Web 和 Native)
- redux-hook-form ★2700 - React 挂钩可轻松进行表单验证. (网络和本机)
- tcomb-form-native ★2831 - 生成 React Native 表单
- react-native-gifted-form ★1317 - react-native 的表单组件
- react-native-clean-form ★414 - 具有 redux-form 集成的美观表单元素. 带有样式组件的样式.
- react-native-form-generator ★354 - 轻而易举地生成惊人的 React Native 表单
- react-native-form ★138 - 一个简单的反应本机组件来包装您的表单字段!
- react-reactive-forms ★106 - Angular 像 React 中的反应形式.
- react-native-forms ★86 - 用于创建、验证和序列化原生形式的声明式 API.
- react-native-formawesome - Complex and simple forms builder.
- react-native-from-builder ★69 - 以巧妙的方式处理您的表格.
- foect ★37 - React Native 的简单表单验证库
- react-native-fm-form ★13 - 只需几行代码即可生成 React Native 的列表视图形式
- react-native-form-flux ★2 - 使用 Flux 架构的 React Native Form 管理
- react-native-form-validator ★0 - 一个简单的 React Native 验证库
Geolocation¶
- react-native-background-geolocation ★1316 - 复杂的跨平台后台位置跟踪和地理围栏模块,具有电池感知型运动检测智能(Android 需要付费许可).
- react-native-mauron85-background-geolocation ★657 - React Native Android 和 iOS 模块用于后台和前台地理定位,具有省电的“圆形区域监控”和“停止检测”
- react-native-geocoder ★344 - 反应本机地理编码和反向地理编码
- react-native-geo-fencing ★100 - 使用 Google Geometry 库确定位置是否在定义的地理边界内的本机模块
- react-native-fused-location ★82 - 使用新的 Fused API 在 Android 上进行本机反应的最佳位置.
- react-native-android-geolocation ★19 - React Native 模块通过 Google Play API 使用 Android Geolocation
- react-native-reverse-geo ★18 - React Native 模块桥将地址转换为地理坐标.
- react-native-boundary ★12 - React Native 模块使用地理围栏. iOS 和 Android 的本机实现.
- react-native-geolocation-android ★3 - 用于反应本机android的地理定位模块
Internationalization¶
- fbt ★3202 - 一个 JavaScript 国际化框架
- react-native-localize ★603 - React Native 本地化
-
react-native-globalize ★192 - React Native 的全球化助手
-
redux-react-native-i18n ★40 - Redux 上 React Native 应用程序的国际化解决方案
- react-native-intl ★37 - React Native 模块提供了本地 Intl 实现和翻译扩展
- rn-translate-template ★18 - 适用于所有 iOS 和 Android 支持语言的 I18n 模板
- ~~react-native-i18n ★1778 - React Native + i18n.js ~~ 已弃用 react-native-localize
react-native-languages ★246 - 与设备语言相关的 React Native 属性和方法现在称为 react-native-localize
Build & Development¶
- reactotron ★9198 - 从您的终端舒适地控制、监控和检测您的 React Native 应用程序.
- react-native-code-push ★5184 - 用于 CodePush 服务的 React Native 插件
- react-native-webpack-server ★935 - 使用 Webpack 构建 React Native 应用程序
- generator-rn-toolbox ★800 - Yeoman 生成器来启动您的项目并设置持续部署.
- babel-preset-react-native-stage-0 ★97 - 带有最新 Javascript 功能的 Babel 预设
- react-native-debug-stylesheet ★75 - 为所有视图添加彩色边框或背景,以便更轻松地调试布局问题
- react-native-console-panel ★73 - 反应本机组件以显示控制台消息.
- react-native-css-loader ★39 - 您可以将react-native-css-loader 与react-native-webpack-server 一起使用,它可以使用webpack 更好地构建react-native 应用程序.
- react-native-assets ★31 - 管理资产的模块. 它允许您从网络下载资产并存储到 iOS 上的特定本地文件夹中
- react-native-cosmos ★18 - DX 工具,用于使用定义的 props/state fixtures 测试 react-native 组件.
- react-native-kill-packager ★15 - 终止正在运行的 React Native 打包程序.
- react-native-build-cli ★3 - 用于 react-native 构建的 cli 工具
- react-native-react-bridge - 在 React Native 中运行 React Web 应用程序并处理它们之间的通信的工具集.
Styling¶
- styled-components ★20064 - 使用标记的模板文字来设计 React 和 React Native.
- emotion ★5627 - 风格作为状态的函数.
- react-native-extended-stylesheet ★1689 - 使用变量、相对单位、百分比、数学运算、缩放和其他内容扩展 React Native 样式表.
- react-native-css ★755 - 使用 css 设计 React-Native 组件并内置对 SASS 的支持.
- react-native-style-tachyons ★525 - 基于 tachyons.css 的功能性、可维护性设计.
- glamorous-native ★454 - glamorous 的 React Native 版本 - 一个组件样式库.
- react-native-responsive ★295 - 媒体查询的力量现在在你的 React Native 项目(ios 和 android)中! 现在可以轻松管理响应式设计!
- cairn ★110 - 简单的、基于字符串的样式选择器引擎,支持基本继承.
- react-native-theme ★104 - React Native 项目的主题管理器!
- react-native-css-modules ★44 - 使用 CSS、Sass、Less 或 Stylus 设计 React-Native 组件的样式.
- rn-less ★15 - 样式 react-native with less(支持 VS Code 扩展)
- react-native-prism ★10 - React Native 的最小化、惯用风格管理
- react-native-paint ★5 - 对 React Native StyleSheet 的主题化抽象. 了解它 here.
- binstorm ★5 - BinStorm 是一种用于快速构建自定义用户界面的 React Native 样式实用程序. 了解它 here.
- styled-react-native - 使用简单方法(样式覆盖、组件组合、增强样式属性)的高级反应本机样式. 完整介绍 this Medium article.
- react-native-tailwindcss - 基于 TailwindCSS 的 React 原生样式系统.
System¶
- react-native-firebase ★4192 - 经过良好测试的 React Native 功能丰富的 Firebase 实现,支持 iOS 和 Android 平台的 10 多个 Firebase 模块(包括 Cloud Firestore).
- react-native-push-notification ★3431 - React Native 本地和远程通知
- react-native-device-info ★3145 - 使用react-native获取设备信息
- react-native-fs ★2465 - 反应本机的本机文件系统访问
- react-native-config ★1894 - React Native 应用程序的配置变量
- react-native-ultimate-config - 使用单个文件配置所有级别的 react-native 应用程序
- react-native-fcm ★1564 - 为 firebase 云消息传递和本地通知做出反应本机模块
- react-native-notifications ★1396 - 反应本机通知
- react-native-arkit ★1290 - iOS ARKit 的 React Native 绑定
- react-native-permissions ★1118 - 使用单个 api 检查并请求所有权限
- react-native-keychain ★992 - React Native 的钥匙串访问
- react-native-touch-id ★902 - 使用本机 Touch ID 弹出窗口响应本机身份验证.
- react-native-contacts ★882 - React Native 联系人(android 和 ios)
- react-native-communications ★871 - 在 React Native 中轻松打电话、发电子邮件、发短信或使用 iMessage 给某人
- react-native-onesignal ★871 - 用于 OneSignal 推送通知服务 (iOS + Android) 的 React Native 库
- react-native-in-app-utils ★743 - 用于处理应用内支付的反应本机包装器.
- react-native-image-resizer ★636 - 使用 React Native 重新缩放本地图像文件.
- react-native-quick-actions ★593 - 用于 3D Touch 主屏幕快速操作的反应本机界面
- react-native-billing ★534 - Android 上 React Native 的应用内购买实现.
- react-native-barcodescanner ★491 - A barcode scanner component for react native - not maintained anymore - use react-native-camera.
- react-native-iap ★450 - 用于应用内购买的 React-native 本机模块.
- react-native-dotenv ★450 - Babel 预设让您从 .env 文件导入应用程序配置(零运行时依赖性)
- react-native-location ★425 - 对 React Native 的本地 GPS 位置支持.
- react-native-background-fetch ★373 - iOS BackgroundFetch API 实现. 唤醒后台挂起的 iOS 应用,大约每 15 分钟执行一次“callbackFn”.
- react-native-queue ★359 - 你在 React Native 中用于任务管理的瑞士军刀 - 轻松管理应用程序关闭时定期运行的后台任务和专用工作线程.
- react-native-sensors ★355 - 具有 RxJS 接口的陀螺仪、加速度计和磁力计等传感器的平台独立包装器
- react-native-social-share ★347 - 使用 iOS 原生的 Twitter 和 Facebook 分享来自 React Native 的视图
- react-native-ibeacon ★334 - iBeacon 支持 React Native. 该 API 与 CoreLocation Objective-C 非常相似,唯一的主要区别在于区域是纯 JavaScript 对象. 信标在 iOS 模拟器中不起作用.
- react-native-lock-ios ★291 - React Native (iOS) 的 Auth0 锁
- react-native-motion-manager ★223 - 用于使用陀螺仪、加速度计和磁力计的反应本机界面
- react-native-android-sms-listener ★194 - 允许您收听传入的短信
- react-native-device ★185 - React Native 的 UIDevice 包装器
- react-native-gcm-android ★174 - Android 版 GCM
- react-native-sensor-manager ★172 - 用于提供本地传感器访问的 react-native 的包装器. (陀螺仪、加速度计、磁力计、温度计……)
- react-native-ble ★157 - 使用高贵的 api 表面反应本机 BLE
- react-native-haptic ★137 - iOS 10 + React Native 应用程序的触觉反馈
- react-native-pinch ★130 - 用于本机反应的 SSL 固定
- react-native-unified-contacts ★120 - React Native iOS 9+ 联系人 (ios)
- react-native-callkit ★94 - 适用于 React Native 的 iOS 10 CallKit 框架
- react-native-discovery ★89 - Discover nearby devics using BLE. Turn iOS and Android devices into beacons
- react-native-passcode-auth ★87 - 使用 iOS 密码反应本机身份验证.
- react-native-addressbook ★81 - 反应本机的地址簿模块
- react-native-fingerprint-identify ★79 - React Native authentication with the Fingerprint on Android, fingerprint API compatible lib,它还结合了三星,小米和魅族的官方指纹API.
- react-native-phone-call ★76 - 在 React Native 中发起电话呼叫的简单方法
- react-native-calendar-reminders ★69 - 用于 IOS EventKit 提醒的 React Native 模块
- react-native-bluetooth-state ★61 - 回答“我的蓝牙打开了吗?”的问题在 React Native 中
- react-native-google-nearby-messages ★14 - 通过使用 Google Nearby Messages API,使用蓝牙、BLE、WiFi 和近超声波音频与附近的设备通信
- react-native-barcode-scanner ★60 - React Native 的条形码扫描仪
- react-native-haptic-feedback ★60 - 在 iOS 和 Android 上触发原生触觉反馈
- react-native-media-clipboard - 用于从剪贴板获取图像、URL 和字符串的 React Native 模块
- react-native-nfc-ios ★52 - 易于将 CoreNFC 用于 React Native
- react-native-android-sms ★48 - 用于列出/发送短信的本机 android 模块.
- react-native-voip-push-notification ★48 - iOS 优先 VoIP 推送通知
- react-native-android-speech ★47 - 适用于 Android React Native 的文本转语音库.
- react-native-app-info ★42 - React Native 应用程序信息和版本
- react-native-icloud-sync ★41 - 用于与 icloud 同步的 react-native 包装器
- react-native-carrier-info ★41 - React Native 模块桥获取有关用户的家庭蜂窝服务提供商的信息.
- react-native-sms-android ★40 - 用于向电话号码发送短信的反应本机模块.
- react-native-touch-id-android ★32 - 在 Android 上使用指纹反应本机身份验证.
- react-native-heading ★31 - 在 iOS 或 Android 上获取设备航向(罗盘)信息
- react-native-battery ★30 - 一个返回设备电池电量/状态的 React Native 模块
- react-native-device-battery ★30 - 观察你的本机应用程序中的电池状态变化
- react-native-device-motion ★29 - 用于 React Native 的 iOS 设备运动包装器.
- react-native-wifi-manager ★29 - Android 上 React Native 的 Wifi 连接管理器
- react-native-android-sqlite ★28 - SQLite 的反应本机 android 包装器
- react-native-search-api ★27 - SearchApi 模块为您提供了一个通用的 React Native 界面,用于与 iOS 搜索 API、Core Spotlight 进行交互.
- react-native-ssl-pinning ★20 - 在 Android 上使用 OkHttp 3 和 iOS 上的 AFNetworking 反应本机 SSL 固定
- react-native-localsearch ★17 - 用于 MapKit 本地搜索的 React Native 模块
- rn-secure-storage ★17 - React Native 的安全存储(Android 和 iOS)
- react-native-contacts-rx ★14 - 包括 RxJS 支持的 react-native-contacts 对应物.
- react-native-mipush ★13 - MiPush for React Native
- react-native-device-angles ★12 - 获取以度数为单位的旋转信息(俯仰、偏航、滚动)- ios
- react-native-detect-device ★11 - 在反应本机中检测 iOS 或 android 上的设备.
- react-native-battery-status ★11 - 反应本机的电池状态
- react-native-system-notification ★10 - React Native 的通知
- react-native-home-pressed ★8 - 收听 Android 的家庭和最近的应用程序事件
- react-native-lock-android ★7 - React Native (Android) 的 Auth0 锁
- react-native-push-with-gcm ★6 - 为 GCM 推送通知服务注册设备(仅支持 iOS)
- react-native-device-info-pod ★3 - 使用react-native获取设备信息
- react-native-sms-retriever - 短信检索器 API (Android).
- react-native-background-downloader ★93 - 帮助您在 iOS 和 Android 上在前台和最重要的后台下载大文件.
- rn-in-app-review - 帮助您整合 Android 和 iOS 的应用内评论
- react-native-system-setting- 提供了一些系统设置API iOS 和Android.
Web¶
- react-native-webrtc ★1805 - 用于 React Native 的 WebRTC 模块.
- react-native-webview-bridge ★1112 - React Native WebView Javascript Bridge
- react-native-safari-view ★387 - 用于 Safari 视图控制器的 React Native 包装器
- react-native-webview-android ★305 - 简单的 React Native Android 模块在您的应用程序中使用 Android 的 WebView
- react-native-for-web ★247 - 一组类和反应组件,使您的反应本机应用程序在浏览器中运行. (显然有一些限制)
- react-native-browser ★107 - 基于 TOWebViewController 的 React Native 应用程序的全功能网络浏览器模块
- react-native-webview-crosswalk ★88 - Crosswalk 的 WebView for React Native on Android
- react-native-turbolinks ★72 - React Native 适配器用于使用 Turbolinks 5 构建混合应用程序
- react-native-webintent ★53 - React native android module to open links in the default browser
- react-native-web-container ★36 - 一个围绕反应本机 WebView 的包装器,用于添加自动高度、擦除 html 等
- react-native-inappbrowser-reborn ★30 - 用于 React Native(Android 和 iOS)的 InAppBrowser
- react-native-browser-polyfill ★29 - 用于 react-native Javascript 环境的 polyfill 集合.
- react-native-cookiemanager ★19 - 反应本机 cookie 管理器库.
- react-native-bridgeable-webview ★16 - 一个反应本机 webview 与反应本机代码的桥梁
- react-native-html2native ★3 - 用于 react-native 的 html 渲染
- react-native-webview ★3 - 用于反应本机的android webview
Media¶
- react-native-camera ★6227 - 相机组件
- react-native-video ★3470 - 用于 react-native 的视频组件
- react-native-sound ★1556 - 用于播放声音片段的 React Native 模块
- react-native-audio ★798 - 在您的 iOS 或 Android React Native 应用程序中录制和播放音频. (不再维护)
- react-native-audio-toolkit ★764 - 用于反应本机的音频播放和录制. 除了基本功能外,还实现了许多有用的功能,例如通过网络搜索、循环播放和流式传输音频文件.
- react-native-camera-kit ★701 - 高级原生相机和图库组件以及设备照片 API.
- react-native-audio-streaming ★679 - 用于播放音频流的 iOS 和 Android 模块,具有背景支持和媒体控制:扬声器:
- react-native-video-processing ★712 - React-Native 的本地视频编辑/修剪/过滤库
- react-native-track-player ★441 - 为音乐应用程序创建的完全成熟的音频模块. 为 Android、iOS 和 Windows 提供音频播放、外部媒体控制、chromecast 支持和后台模式.
- react-native-music-control - React Native 模块在锁屏上显示正在播放的信息并处理控制事件
- react-native-camera-roll-picker ★312 - 一个 React Native 组件,提供从相机胶卷中选择的图像
- react-native-incall-manager ★272 - 在像 webrtc 这样的音频/视频聊天期间处理媒体路由/传感器/事件
- react-native-speech ★246 - 用于 React Native 的文本转语音库.
- react-native-screcorder ★214 - 使用类似 Vine 的点击来拍摄照片和录制视频
- react-native-photos-framework ★154 - 用于 React Native 的现代且全面的 CameraRoll/iCloud 库
- react-native-audioplayer ★99 - 用于反应本机的小型音频播放器库
- react-native-player ★81 - 反应本机的媒体播放器
- react-native-vlc-player ★80 - 反应本机的 VLC 播放器
- react-native-volume-slider ★69 - React Native VolumeView 组件
- react-native-sound-demo ★63 - 反应原生声音演示项目
- react-native-interactive-image-gallery ★60 - 用于显示图片库的 React Native 组件.
- react-native-color-grabber ★57 - 反应本机组件以查找图像中的主色
- react-native-hue-player ★43 - 离线/本地和在线/流媒体音频的音频播放器.
- react-native-media-meta ★41 - 在您的 React Native 应用程序中获取媒体文件元数据
- react-native-sound-recorder ★41 - React Native 的无障碍录音机.
- react-native-fullscreen-video ★39 - 在 react-native-video 之上的全屏视频组件
- react-native-android-audio-streaming-aac ★25 - 反应本机流媒体播放器
- react-native-photoeditorsdk ★24 - React Native 模块 PhotoEditor SDK (安卓和 iOS)
- react-native-videoeditorsdk ★18 - React Native 模块 VideoEditor SDK (安卓和 iOS)
- react-native-true-sight ★18 - 具有 React Native 可自定义控件的跨平台视频播放器.
- react-native-audio-manager ★15 - 用于反应本机 Android 的音频播放器库
- react-native-safe-image ★13 - 真正轻量级的 React-Native 包,用于在图像出错时处理回退
- react-native-audio-player ★12 - 用于在 Android 上播放音频的 React Native 模块
- react-native-mediaplayer ★12 - 用于 React Native 的简单全屏媒体播放器.
- react-native-simple-sound ★11 - 开始、停止和暂停声音. 仅限 iOS. 源自
react-native-sound
- react-native-tone ★7 - 生成简单的正弦波,指定频率和振幅. 无限期或指定时间间隔播放声音(仅限 iOS).
- react-native-media-capture ★6 - 用于反应本机的媒体捕获
- react-native-android-video ★8 - 用于反应本机的 Android ExoPlayer 视频组件.
- react-native-airplay-button - 原生 iOS Airplay 按钮组件
Storage¶
- RxDB ★12797 - 用于 JavaScript 应用程序的实时数据库.
- WatermelonDB ★4649 - 用于强大的 React 和 React Native 应用程序的下一代数据库,可扩展到 10,000 条记录并保持快速.
- realm ★3184 - SQLite 和键值存储的替代移动数据库.
- react-native-storage ★2115 - 这是 react-native(AsyncStorage) 和 browser(localStorage) 的本地存储包装器. 需要 ES6/babel.
- react-native-sqlite-storage ★1508 - 用于 React Native(Android 和 iOS)的 SQLite3 绑定
- react-native-simple-store ★731 - 围绕 React Native 的 AsyncStorage 的简约包装器.
- react-native-store ★561 - 一个基于 react-native AsyncStorage 的简单数据库.
- react-native-db-models ★168 - React Native 应用程序的本地数据库模型
- react-native-sqlite-2 ★106 - 适用于 Android 和 iOS 的 React Native 的 SQLite3 Native 插件
- react-native-couchbase-lite ★105 - 用于反应本机的 couchbase lite 绑定
- react-native-persistent-job ★72 - 运行在崩溃、连接丢失或异常后重试的异步任务
- pouchdb-adapter-react-native-sqlite ★49 - 使用 ReactNative SQLite 作为后备存储的 PouchDB 适配器
- react-native-pouchdb ★38 - 在 React Native 中运行 pouchdb!
- react-native-level-fs ★20 - fs for react-native 使用 level-filesystem 和 asyncstorage-down
- react-native-mongoose ★17 - 基于 AsyncStorage 的 mongoose 类 react-native 存储
- react-native-leveldown - 用于 React Native 的原生 LevelDB 绑定
- typed-async-storage - 用于使用 React 道具类型为 AsyncStorage 创建模式和验证的包装器.
Backend¶
- react-native-fetch-blob ★2299 - 一个模块集成了网络和文件系统. 支持文件流.
- reactivesearch-native ★1218 - 用于 React Native 的 appbase.io 和 Elasticsearch UI 组件.
- react-native-meteor ★673 - 完整的 Meteor 客户端
- aws-sdk-react-native ★650 - 适用于 React Native 的 AWS SDK(官方开发者预览版)
- react-native-simple-auth ★592 - iOS 上 React Native 的原生社交身份验证
- react-native-uploader ★455 - 用于上传文件和相机胶卷资产的 React Native 模块. 支持进度通知.
- react-native-lazyload ★342 - 延迟加载用于本机反应
- react-native-aws3 ★293 - 用于上传到 AWS S3 的纯 JavaScript React Native 库
- react-native-background-upload ★270 - 即使在后台运行时,也可以在 React Native 应用程序中上传文件. 支持 Android 和 iOS,包括 iOS 相机胶卷资产.
- react-native-xmpp ★256 - 用于 React Native 的 XMPP 库
- react-native-tcp ★199 - 用于反应本机的节点网络 API
- react-native-udp ★147 - 用于反应本机的节点 dgram API
- react-native-aws-cognito-js ★131 - 适用于 JavaScript 的 Amazon Cognito Identity SDK 与适用于 React Native 的 AWS SDK for JavaScript 的改编版.
- feathers-client ★121 - 适用于 React Native、NodeJS 和任何客户端框架的 Feathers 客户端.
- react-native-multipeer ★117 - 使用 Multipeer Connectivity 通过 ad hoc wifi 进行通信
- react-native-swift-socketio ★105 - socket.io-client-swift 的反应本机包装器
- react-native-file-upload ★103 - 用于 react-native 的文件上传插件
- react-native-networking ★99 - 使用 AFNetworking 下载和上传文件的 react-native 模块
- react-native-s3 ★80 - 用于 AWS iOS/Android S3 SDK (TransferUtility) 的 React Native 包装器
- react-native-rest-kit ★65 - 一个使用 fetch 方法的 React Native RESTful API 套件
- react-native-cognito ★63 - 用于 React Native 的基于 AWS Cognito 的身份验证模块.
- react-native-file-download ★45 - 一个简单的react-native文件下载模块
- react-native-jwt ★37 - React 本机兼容的 JSON 网络令牌实用程序
- react-native-sync ★28 - 两种方式,React Native realmjs 数据库与 MySQL、Oracle、MS SQL Server 和 PostgreSQL 之间的增量同步
- react-native-ssdp ★26 - SSDP 协议的 React Native 分支,用于发现即插即用设备.
- react-native-http ★13 - 反应本机 http
- react-native-async-http ★5 - 用于异步 http 的 React Native 组件
- react-native-nchan ★3 - React Native 的 Nchan(发布/订阅服务器)模块
- react-native-blob-courier ★8 - 在本机线程上高效下载和上传 blob
- fetch ★10 - 具有文本流支持的 React Native 的获取 API polyfill.
Integrations¶
- react-native-wechat ★2016 - 用于微信应用程序的反应本机库
- react-native-facebook-login ★1141 - 为原生 iOS Facebook SDK 登录按钮和管理器 React Native 包装器
- react-native-google-signin ★1123 - 谷歌登录你的本机应用程序
- react-native-google-places-autocomplete ★846 - 适用于 iOS 和 Android React-Native 应用程序的可定制 Google Places 自动完成组件
- react-instantsearch ★644 - 闪电般快速搜索 React 和 React Native 应用程序,由 Algolia 提供
- react-native-awesome-card-io ★331 - 用于 React Native(iOS 和 Android)的完整跨平台 card.io 组件
- react-native-qq ★278 - React Native 支持 QQ 登录和分享.
- react-native-facebook-account-kit ★227 - 用于 React Native 的 Facebook Account Kit SDK 包装器.
- react-native-wechat-ios ★199 - 适用于 React Native(iOS) 的微信 SDK.
- react-native-card-io ★171 - 用于 card.io 的 React Native 组件
- react-native-voximplant ★126 - VoxImplant Mobile SDK,用于将语音和视频通信嵌入到 React Native 应用程序中.
- instabug-reactnative ★122 - 用于错误报告 Instabug SDK 的 React Native 包装器.
- react-native-fabric-digits ★112 React-Native 的 Fabric Digits 包装器
- react-native-braintree ★104 - 用于使用 Braintree 的 v.zero SDK(目前仅限 iOS)集成支付的反应本机界面
- react-native-dialogflow ★104 - 谷歌 Dialogflow (api.ai) 的 React-Native 桥
- react-native-signalr ★100 - 用于反应本机的 SignalR 客户端
- react-native-twilio ★87 - Twilio 客户端 SDK 的 React Native 包装器.
- react-native-twilio-programmable-voice ★86 - Twilio 可编程语音 SDK 的 React Native 包装器.
- react-native-qqsdk ★83 - 用于 Android 和 iOS 的腾讯 QQ SDK 的 React Native 包装器. 提供QQ ssoLogin、QQ分享、QQ空间分享等功能.
- react-native-braintree-xplat ★81 - 跨平台 Braintree v.zero 模块.
- react-native-android-vitamio ★72 - 用于 android Vitamio 视频播放器的 React-native 组件
- react-native-linkedin-login ★69 - Linkedin 登录您的 React Native 应用程序
- react-native-twitter-signin ★140 - 使用客户端 Twitter 帐户登录您的 React Native 应用程序
- react-native-spring-scrollview ★64 - React Native Spring ScrollView V2 是一款用于 React Native 的高性能跨平台原生 bounces ScrollView.(iOS 和 Android)
- react-native-instagram-oauth ★63 - 反应本机 instagram 登录
- react-native-digits ★60 - 在 React Native 中使用的数字包装器
- react-native-realtimemessaging-android ★53 - 用于 React-Native Android 的 Realtime Framework Cloud Messaging Pub/Sub 客户端
- react-native-new-relic ★53 - 用于 react-native 的新 Relic 事件报告.
- react-native-onepassword ★52 - React Native 与 OnePassword 扩展的集成.
- react-native-level ★38 - 用于反应本机 AsyncStorage 的升级 API.
- react-native-instagram-share ★28 - 用于在 Instagram (iOS) 中共享图像和视频的反应本机界面
- react-native-braintree-android ★24 - Braintree 的原生 Android Drop-in 支付用户界面
- react-native-amap ★21 - 用于使用 AMap Android SDK 构建地图的 React Native 组件
- react-native-realtime-pusher ★19 - 实现 Pusher Realtime API 的 React Native 模块
- react-native-conekta ★17 - 用于 React Native 的 Conekta SDK
- react-native-fitness ★17 - 与 Apple Healthkit 和 Google Fit 交互的 React Native 模块
- react-native-woopra ★14 - 用于反应本机的基于承诺的 Woopra 库
- react-native-sinch-verification ★14 - React Native 的 Sinch 验证
- react-native-testfairy ★13 - 用于 React Native 的 TestFairy
- react-native-leancloud ★10 - 反应本机 LeanCloud 组件
- react-native-flurry ★9 - 用于 Flurry 的 React Native 包装器
- react-native-realtimemessaging-ios ★8 - 用于 React-Native 的 Realtime Framework Cloud Messaging Pub/Sub 客户端
- react-native-realtimestorage-ios ★8 - React-Native 的实时框架云存储客户端
- react-native-axmall-alipay ★7 - 反应本机支付宝
- react-native-youtube-oauth ★7 - react-native 界面登录到 youtube (iOS)
- react-native-intercom-native ★7 - React Native 的基于本机的对讲机实现
- react-native-hawk ★5 - 用于本机反应的 Hawk 包装器
- react-native-sumup ★5 - SumupSDK 的 React Native 实现.
- react-native-instagram ★5 - react-native instagram wrapper api (iOS)
- react-native-realtimestorage-android ★4 - 用于 React-Native Android 的实时云存储客户端
- react-native-fbintent ★4 - Android Facebook 应用程序的 React Native 意图
- react-native-onfido ★2 - Onfido 库的 React Native 包装器.
- react-native-heyzap- React Native 的 Heyzap 插件
- react-native-launch-navigator - React Native 模块可从单个 API(Android 和 iOS)启动流行的导航/乘车应用程序
- react-native-agora +190 - 一个 React Native Agora WebRTC 包装器.
- agora-react-native-rtm +5 - 一个 React Native Agora 实时消息云服务包装器.
- react-native-intercom *323 - 一个 React Native Intercom Wrapper.
- react-native-bugfender *7 - 用于 Bugfender 日志和错误报告的 React Native 包装器.
Monetization¶
- react-native-admob ★713 - 用于 Google AdMob 横幅的反应本机组件.
- react-native-stripe-api ★155 - 用于 Stripe Rest API 的小型 React Native 库
- react-native-revmob ★15 - React Native 的 RevMob 包装器.
- react-native-google-pay ★2 - 为 React Native 应用程序接受 Google Pay 付款.
- react-native-apay ★2 - 用于 Apple Pay 的 React Native 桥
- react-native-square-in-app-payments ★18 - 用于应用内支付 SDK 的 Square React Native 插件.
Animation¶
- react-native-animatable ★5787 - 一套标准的易于使用的动画和 React Native 的声明式转换
- react-native-interactable ★4148 - React Native 中高性能可交互视图的实验性实现
- react-native-reanimated ★680 - 重新实现了 React Native 的动画库
- react-native-spruce ★412 - React Native Bridge 用于 Spruce 动画库
- react-native-magic-move ★402 - 在 react-native 中的场景之间创建神奇的移动过渡 ✨(共享元素过渡)
- react-native-gl-model-view ★210 - 以 60fps (iOS) 显示和动画纹理波前 .OBJ 3D 模型
- react-native-animated-sprite ★104 - 用于动画、补间和拖动精灵的功能丰富的声明性组件.
- react-native-animated-math ★54 - 动画 API 数学扩展 - 将 sin、cos、tan 和 pow 实现为动画节点,并具有完整的原生驱动程序支持
Extension¶
- React Native Today Widget ★190 - React Native 中的 iOS Today 小部件扩展
- React Native Android Widget Proof of Concept ★127 - React Native 中的 Android Widget 概念证明
- React Native Floating Bubble ★14 - 一个简单的 Facebook 聊天头,如响应本机的气泡
- React Native WidgetKit - 用于 iOS WidgetKit 框架的 React Native 库
Other Platforms¶
- react-native-web ★10904 - 为网络反应本机
- react-native-macos ★10453 - 适用于 OS X 的 React Native
- reactxp ★7268 - 跨平台应用程序开发库
- react-native-windows ★5547 - React Native for Universal Windows Platform
- @areslabs/alita ★392 - react native for mini-program(微信小程序)
- react-native-tvos-controller ★15 - 用于本机反应的 TvOS 远程控制器模块.
- react-native-watchkit ★1 - 对 WatchKit 做出原生反应
Utilities¶
有用的 React Native 工具.
- upgrade-helper ★398 - ⚛️ 支持 React Native 开发人员升级其应用程序的 Web 界面. Link to tool
- react-native-debugger ★4017 - React Native Debugger 的独立应用程序,带有 React DevTools / Redux DevTools
- haul ★2711 - 用于开发 React Native 应用程序的命令行工具
- rnpm ★2408 - 反应本机包管理器
- generact ★1125 - 无论您如何构建应用程序,都会根据现有组件生成组件的 CLI
- react-native-rename ★901 - 只需一个命令即可重命名 react-native 应用程序
- react-native-exception-handler ★504 – 避免在您的应用程序的生产构建中发生静默崩溃和错误
- Electrode Native ★439 - 一个平台,用于简化 React Native 组件在现有移动应用程序中的集成.
- Ruby React Native (via Opal) ★391 - 使用 Ruby 构建 React Native 应用程序
- rn-snoopy ★329 - 通过 React Native 桥进行分析、监控和警报. More here.
- react-native-snippets ★249 - 用于 react-native 的 Sublime Text Snippets 的集合
- react-native-bundle-visualizer ★141 - 查看您的 RN 包中有什么; 对优化包大小很有用
- Makeicon ★70 - 为 iOS 和 Android 生成所有分辨率的移动应用程序图标
- rn-diff-purge ★64 - 升级 React Native 版本的最简单方法. 您可以找到每个 React Native 版本的差异,这些差异是通过将以前的版本与新版本中新创建的应用程序进行差异而创建的.
- React Native Actions ★55 - 从 VSCode 中运行 React Native 操作.
- rsx ★29 -
react-native
CLI 工具的替代品 - ADB Auto Restarter ★8 - 自动重启 ADB 服务,以防在使用设备调试应用程序时崩溃.
- rn-nodeify ★6 - hack 以允许 react-native 项目使用节点核心模块
- react-native-ruler ★3 - 用于测量 React Native 屏幕上像素尺寸的开发工具
- BuilderX - 一个为你编写 React Native 代码的设计工具,桌面 Mac 应用程序来取代你传统的 UX 设计工具.
- CodePush - 立即将代码更新推送到您的应用程序
- Storybook - React 组件的 UI 开发环境
- BugSnag - 记录本机和 JS 错误的工具. 有免费套餐. 包括有关用户、环境、会话、发布等的有用数据.
- React Native Playground - 通过实时模拟器在浏览器中运行 React Native 应用程序
- exponent - 在没有 XCode 的情况下使用 React Native(预览应用程序 + 本地服务器基础设施)
- Deco IDE - React Native IDE 与组件管理器
- react-hook-hooker - 一个漂亮的小 HOC,可以为你的 React 组件添加钩子.
- React Native Elements Playground 🚀 - 修补网络中的“react-native-elements”组件.
- SimpleLocalize CLI - 用于在项目文件中查找 i18n 密钥的开源本地化 CLI 工具.
Seeds¶
使用现有种子抢先进行开发.
- 🔥 Ignite ★8832 - React Native 的不公平开始 - 用于 redux/sagas 等的生成器 CLI.
- Pepperoni ★4383 - (已弃用) 适用于 Android 和 iOS、Redux、Immutable.js、磁盘持久化应用程序状态的入门工具包
- Snowflake ★4321 - Android & iOS, Redux, Jest (88% coverage), Immutable, Parse.com
- native-starter-kit ★1506 - 用于 React Native + NativeBase + React Navigation + Redux + CodePush 应用程序(iOS 和安卓)的入门套件
- React Native Hackathon Starter ★732 - React Native Starter Project,非常适合编程马拉松或快速原型制作. 包括选项卡、导航、Redux、React Native 矢量图标和 React Native 元素
- React Native Boilerplate Typescript - React Native Boilerplate - Redux + Saga + Reselect + redux-persist + react-navigation + TypeScript
- React Native Meteor Boilerplate ★615
- React Native Boilerplate ★551 - React Native 样板,通过关注点分离促进可靠的架构.
- React Native Seed ★504 - 一组 React Native Boilerplates 可供选择. 用于状态管理的 MobX 或 Redux,用于静态类型检查的 TypeScript 或 Flow,以及用于堆栈的 CRNA 或普通 React Native - 由 Native Base 的创建者提供.
- 🚀 React Native Starter ★388 - 一个功能强大的入门模板,可引导您的移动应用程序的开发.
- ReactNativeTS ★353 - Typescript 中 React Native 项目的样板.
- react-native-starter by Ueno ★311 - 专业的 react-native 入门套件,包含部署坚如磐石的应用程序所需的一切
- react-native-babel ★241
- react-native-vanilla ★185 - 使用 React Native 构建通用的跨平台应用程序. 包括最新的
iOS
、tvOS
、Android
、Android TV
、Android Wear
、Web
、Tizen TV
、Tizen Watch
、LG webOS
、macOS/OSX
、Windows
和KaiOS
平台 - react-native-template-typescript ★183 - 简洁且极简的 React Native 模板,可快速开始使用 TypeScript.
- react-native-template-airbnb - 干净简约的 React Native 模板,可快速开始使用 Airbnb(Flow、Prettier).
- react-native-redux ★160 - React Native + Redux + Redux Saga
- react-native-es6-reflux ★145
- react-native-hot-redux-starter ★135
- react-native-typescript-boilerplate ★129 - 在 TypeScript 中使用 React Native Navigation v3 + Redux + Thunk 构建的自以为是的样板. 遵循行业最佳实践.
- Rhinos-app ★81 - 基于 react-native-web 构建的跨平台 React Native 样板(iOS、Android、Web).
- react-native-web-boilerplate ★72 - 一个 react-native-web 无状态 hmr 样板
- react-native-boilerplate ★61 - 使用 React Native 和 Redux 进行移动开发的简单样板
- react-native-easy-starter ★50 - 使用最新的 react 和 react-native 的 React-native 入门套件 0.60.5、简单的状态管理、钩子工作流、hermes、codepush 即用型自定义钩子、react-native-paper、contextapis、主题支持等等(android + ios)
- react-native-web-workspace ★58 - 在 monorepo 中做出反应的跨平台应用程序
- 🍞 Baker ★46 - 一个自以为是的 MVP 工具包,可帮助您使用 React Native 和 Parse Server 快速构建移动应用程序
- React-Native-Starter-Pack ★40 - React Native 0.34 + React-Redux(带 Redux-Storage)+ Native Base + 代码推送
- react-native-relay-example ★38 - React Native 与 Relay 一起工作
- MeteorNative Boilerplate ★23 - a React Native and Meteor boilerplate with Redux.
- rn-mobx-template ★17 - React Native 与 MobX 模板
- react-native-boilerplate-chucknorris ★15 - React Native + React Navigation + React Native Elements (iOS & Android) 样板
- react-native-template-super ★7 - 用于 react-native + React Navigation + Redux + Redux Persist 的 turbo starter 模板
- rn-relay-drawer-template ★4 - React Native 与 RNRF、drawer 和 relay 一起工作
- react-native-community-maps ★3 - 用于在地图上浏览用户生成的照片的样板应用程序
- React Native Starter Kit - 带有用户入职元素的 React Native 入门工具包,包括 Firebase Auth 和 Facebook 登录集成.
- Awesome React Native Boilerplates - 使用最流行的 react-native 导航和 UI 库为您的开发提供有效的开端
- react-int - 将 react/react-native 与 redux 和 redux-saga 一起使用的简单方法.
- RNStarter - ✨ 带有 10 多个常用库的 React Native Starter ✨
Libraries¶
用于 React Native 开发的库/SDK 类型添加.
- React Native Elements ★13599 - React Native UI 元素和组件的集合.
- Shoutem UI ★3802 - 来自 Shoutem 的 React Native 的完整 UI 工具包.
- Panza ★243 - 用于 react-native 的无状态、功能性、跨平台 ui 组件的集合.
- BlankApp UI ★78 - 用于 React Native 的高度可定制和主题化组件.
- react-native-easy-app ★220 - React Native 一站式解决方案.
- React Native Common ★49 - React Native 的 UI 和 API 组件库.
- react-native-colibri ★5 - React Native 通用 UI 组件.
- Statek ★3 - 用于 React & React Native 的简单 & Reactive 状态管理库
Open Source Apps¶
开源 React Native 应用程序和其他示例.
- Artsy - 移动应用程序 artsy.net . 发现美术. 口袋里的艺术世界.
- f8app ★13070 - 2017 年官方 F8(Facebook 开发者大会)应用程序.请参阅 blog post.
- 30-days-of-react-native ★5192 - 30 天的 React Native 示例(灵感来自 30DaysofSwift)
- react-native-nw-react-calculator ★4624 - 具有相同代码的移动、桌面和网站应用程序
- GitPoint ★3833 - 适用于 iOS 和 Android 的移动 GitHub 客户端.
- Hacker News (iOS & Android) ★3460
- reading ★2947 - 阅读用 React-Native 编写的应用程序.
- Status.im ★2470 - 以太坊客户端.
- GitHub Popular ★2452 - 这是 GitHub 最受欢迎的 React Native 存储库查看器.
- Dribbble React Native ★1927
- react-native-gitfeed ★1709 - 另一个用 react-native 编写的 Github 客户端(iOS 和 android)
- Finance React Native ★1680 - 以 React Native 编写的 iOS 股票应用程序克隆,用于演示目的.
- Quirk 🐙 ★965 - 适用于 iOS 和 Android 的认知行为疗法.
- TaskRabbit's Sample App ★802 - Task Rabbit 应用制作的试验场
- React Weather ★702 - 使用 React Native 构建的简单天气应用程序
- Boostnote ★630 - Boostnote:开源笔记.
- react-native-sudoku ★540 - 用 React Native 编写的数独游戏
- react-native-hiapp ★513 - 一个用 react-native 编写的简单且类似于 Twitter 的演示应用程序
- React Native Netflix ★489 - 类似 Netflix 的应用程序.
- what the thing? ★430 - 将相机对准事物以学习如何用不同的语言说出来.
- react-native-basketball ★425 - Facebook 篮球游戏的克隆
- Surmon.me.native ★406 surmon.me 的反应本机应用程序
- An example React Native project for client login authentication ★402
- GitterMobile ★387 - 适用于 iOS 和 Android 的 Gitter(github 聊天)客户端
- ReactNativeRedditReader ★345
- Assemblies ★322 - a Meetup clone
- DuckDuckGo App (Unofficial) ★273
- Ziliun React Native ★266 - 使用 React Native 构建的基于 Wordpress 的文章阅读器
- Luno ★266 - ClojureScript React Native 应用程序演示
- ReactNativeHackerNews ★241
- iOS Conference App made with React Native ★234
- MagicMirror ★232
- Redux Demo ★226 - ReactNative iOS 和 Android 上 redux 计数器示例的最小实现
- React Native Embedded App ★218 -在已有的iOS应用中使用React Native的例子合集
- React Native Example, Geo and Location ★216
- uestc-bbs-react-native ★216 - 一个 iOS 客户端http://bbs.uestc.edu.cn/用 React Native 和 Redux 编写
- Sh**t! I Smoke ★209 - Know how many cigarettes you smoke based on the pollution of your location.
- PxView ★198 - 适用于 Android 和 iOS 的非官方 Pixiv 应用程序客户端
- BBC News (Unofficial) ★187 - BBC 新闻应用程序
- HackerBuzz ★179 - 黑客新闻阅读器.
- Vecihi App ★170 – 构建您自己的照片共享应用程序.
- Rocket.Chat ★161 - 开源团队沟通
- HackerWeb ★158 - 适用于 iOS 和 Android 的简单易读的 Hacker News 网络应用程序.
- Buyscreen sample ★151
- NewsWatch video viewer ★150
- YouTrack Mobile ★136 – YouTrack 的客户端 – 来自 JetBrains 的问题跟踪器.
- ndash ★129 - npm 仪表板.
- Look Lock ★126 - 一个可以无忧显示照片的应用程序.
- Kakapo - ambient sound mixer ★126
- Appointments ★116 - 用于预约的成熟 ReactNative 应用程序
- Alt/Flux Demo ★106
- Buttercup Mobile ★103 - 手机密码管理器
- Insta Snap ★102 - 图片分享应用
- live translator ★94 - 一款实时翻译您在手机上看到的内容的应用程序.
- Finance MacOS React Native ★88 - 为 MacOS 编写的 iOS 股票应用程序克隆,支持 Touch Bar. 数据来自雅虎财经.
- NBAreact ★88
- Urban Dictionary ★83 - 流行的 Urban Dictionary 网站的移动实施.
- ASOS ★83 - ASOS 电子商务应用程序(克隆)
- Reddit made with React Native and Redux ★81
- react-native-redux-facebook ★79 - 一个简单的 React Redux Facebook 身份验证演示应用程序.
- Hekla for Hacker News ★77 - 具有 TypeScript、mobx-state-tree、本机导航和 css 模块的 Hackernews 客户端.
- QRCode App ★74 - 用于扫描和生成二维码的应用程序.
- Nearby Live ★72 - 适用于 Android 和 iOS 的非官方 NearbyLive 应用程序
- SoundcloudMboX ★67 SoundcloudMobX 是适用于 iOS 的 Soundcloud,使用 React-Native 和 MobX 构建.
- Native iOS font list ★60
- React Native Chromecast App ★56
- MoeFM ★54 - 使用 React Native 和 Redux 构建的轻量级 MusicPlayer,适用于 Android 和 iOS.
- iTunesConnect ★53 - 非官方 iTunes Connect 应用程序
- Sequent ★52 - 短期记忆训练游戏(W/Redux).
- AudienceNetworkReactNative ★50 - Facebook 受众网络性能工具.
- rndrawer-implemented-rnrouter ★50 - 一个 react-native-drawer 实现的示例和 react-native-router-flux 的脚手架
- Magento 2 Mobile App ★47 - 使用 React Native 构建的 Magento 2.x 移动应用程序
- iOS app that transcript your voice with IBM Watson Cloud ★41
- Splitcloud ★35 - 分享同时从 Soundcloud 收听两首歌曲(通过拆分右/左声道).
- ZudVPN ★32 - 在主要云提供商上部署私有 VPN ZudVPN
- Todo List ★31 - Todo-List 应用程序使用 SwipeView,适用于 iOS 和 Android 的 ES6 标准.
- Paramap ★30 - 无障碍地图. React-native 与 Redux 和 Firebase. iOS 和安卓.
- Confreaks ★29
- Vocab React Native ★27 - 泰语词汇学习应用
- Premier League ★25
- Roxie ★23 - 声音处理和蓝牙硬件控制.
- Roverz ★21 - 适用于 iOS 和 Android 上的 Rocket.Chat 的本机移动聊天客户端库.
- Text Blast ★18 - 具有类似功能的 MMS 文本爆破应用程序的 iOS 客户端 ionic version 为了比较
- NewYorkTimesTopStories ★14 - 阅读 NewYorkTimes 的 Topstories,使用其在 react-native 中为 android 编写的 api.
- Quick-Sample ★14 - 一个带有导航、数据持久性、redux、列表视图和动画的小而简单的示例应用程序.
- iGap Plus ★13 - iGap+ 是一个跨平台的消息传递应用程序(目前为 Android、iOS 和 Windows UWP),并且是使用所有最新的现代技术创建的. iGap+ 旨在轻松支持其他平台,如 web、macOS 和 linux.
- Posters_Galore_Android ★11 - 使用 Redux 和 REST API 的实验性 Android 应用程序
- react-native-medium-clap-animation ★11 - React Native 中的中型拍手动画
- HupuApp ★9 - 第三方虎扑APP(http://bbs.hupu.com/ ) 客户端使用 React Native(Android 和 iOS)实现.
- react-native-uber-clone ★9 - Uber UI Clone with react native 中的动画
- Commit Strip (Unofficial) ★8 - 内置 React Native 的 CommitStrip.com 阅读器.
- react-native-otello ★6 - 用 React Native 编写的黑白棋游戏
- GitHub Jobs Search App (Unofficial) ★6 - 在 React Native 中构建的 GitHub 职位搜索应用程序.
- Minimal Quotes ★6 - 移动应用程序,以超级干净的最小版本向您抛出随机报价.
- Hello Bemans ★5 - 健康教练连接应用程序(安卓版)
- RNV2ex ★5 - 对 v2ex 的反应本机
- Renote ★4 - 一个简单的 react-native 示例应用程序,用于做笔记.
- Manyverse – 脱离网格的社交网络(Scuttlebutt Android 客户端)
- Bristol Pound - 一个适用于英国当地货币布里斯托尔镑的应用程序.
- React Native Showcase
- Instagram clone - 一个 Instagram 克隆
- Joplin - 适用于桌面、CLI 和移动设备的笔记应用程序(此处链接的是移动应用程序).
- Cat-or-dog - 带有拖放和动画的简单游戏.
- Forex Rates - 外汇汇率. 货币汇率转换器. 历史汇率. 安卓和 iOS.
- Smog Alert App – 提供世界各地的实时空气污染数据,并显示附近的污染者.
- Audio Book App – 已完成的有声读物应用程序带有一些很酷的动画.
- FastBuy - 用于管理虚拟商店中的产品的应用程序(使用 React Native 和 Redux 构建).
- Hydropuzzle - 时尚的益智冒险游戏.
- Github-Gist - 为 github gist 反应本机移动应用程序
- Lyrics King - 极简时尚的歌词搜索应用程序.
- TensorFlow.js Starter - 使用 MobileNet 预测图像类别的 TensorFlow.js 入门应用. Blog post 额外的上下文.
- Art Museum - 浏览无穷无尽的哈佛艺术博物馆藏品.
- NMF.earth ★14 - 计算、了解并减少您的碳足迹. 适用于 Android 和 iOS,使用 Expo、Redux Toolkit 和 Typescript.
- Nyxo ★12 - 睡眠追踪器和睡眠指导应用程序. 适用于 Android 和 iOS.
- Post Card App ★1 - 创建旧式明信片并作为图像在 whatsapp 上分享. 使用 Expo 构建并可用于 android.
Frameworks¶
- NativeBase ★10520 - 在 React Native 之上构建一个层,为您提供用于移动应用程序开发的基本组件集
- Awesome React Native Meteor ★152 - 一起使用 Meteor 和 React Native 的很棒的资源列表
- first-born ★106 - 具有预构建组件的 UI 框架,可根据底层移动平台单独呈现.
- OsmiCSX ★48 - 用于快速构建自定义用户界面的实用 React Native 风格框架.
- React Native Diagnose ★13 - 在运行时和生产期间测试 React Native 应用程序的框架
Tutorials¶
帮助您学习 React Native 的演练和教程.
- Fully-immersive, hands-on, and fun learning experience for React Native ★825
- React Native with Django backend ★12
- Setting up background tasks that run periodically when app is closed in React Native
- Animate React Native UI Elements
- Build a streaming audio app with React Native
- Building a Calculator for Android and iOS with React Native
- Building Custom React Native Components From Scratch
- Deploying React Native using Fastlane
- Enabling Live Reload
- Facebook's F8 App Walkthrough Tutorial: React Native, Redux, Relay, Flow, Jest
- Facebook Login With React Native
- Integrating Parse and React Native for iOS
- Introducing React Native (on Ray Wenderlich's)
- Leverage Existing iOS Views In Your React Native App
- React Native Periscope Hearts Animation
- React Native Youtube Animated Video Slide
- React Native and Socket.io
- React-Native Animated with React-Art - Firework Tap To Shoot
- React-native Animated API Basic Example
- React-native Animated API with PanResponder
- React-native Animated ScrollView Row Swipe Actions
- React-native press and hold button actions
- React Native Express
- Simple React Native forms with redux-form, immutable.js and styled-components
- A Mini-Course on React Native Flexbox
- The beauty of react-native -Build a stunning wallpaper app
- Adding and removing custom fonts in React Native IOS Android
- Adding Custom Fonts to A React Native Application
- Building a Minimalist Weather App with React Native and Expo
- Getting Started with Lottie, React Native and Expo
- How to integrate Redux into your application with React Native and Expo
- React Native for Designers
- Start React Native - Animation tutorial series
Books¶
书籍 - 免费和商业(但只有好书).
- Programming React Native -(免费)一本深入的 React Native 书籍,您应该在完成其中许多教程后阅读.
- React Native Animation Book -(免费)React Native 动画.
书籍 - 出售.
- React Native In Action - 了解如何从头开始使用 React Native 构建应用程序.
- React Native - Building Mobile Apps with JavaScript - 使用 React 和 JavaScript 创建真正原生的 iOS 和 Android 移动应用程序的首选指南.
- Fullstack React Native - 最新、深入、完整的 React Native 指南.
Videos¶
各种会议和培训视频.
Talks¶
- 链式反应 2019: React Native Only Playlist
- awesome-react-native-talks ★312 - 关于 React Native 或与 React Native 相关的主题的精选列表.
- Actually Building Things In React Native , Jani Eväkallio, Futurice
- Using Redux, Jonas Ohlsson, State
- Native Testing
- Reactotron
- React Native In The Wild - Bonnie Eisenman
- 链式反应 2019: Playlist
- 链式反应 2018: Playlist
- 链式反应 2017: Playlist
- 反应会议 2015: Introducing React Native
- 反应会议 2015: A Deep Dive into React Native
- F8 2015: React Native and Relay
Training & tutorials¶
- Awesome React Native Education ★455
- React Native training ★238
- Let's build a React Native app in 20 minutes 和 Gist
- Mario Díez Channel - 西班牙语的 Youtube 频道有一系列关于 React Native 的视频
- React Native Basics: Build a Currency Converter -(免费)一个多小时的深入视频课程,向您展示如何使用 React Native 构建应用程序.
- React Native in Arabic: Build a newspaper app -(免费)一个简单易懂的阿拉伯语视频系列,向您展示如何使用 React Native 构建报纸应用程序.
- Building Youtube UI in 30 Minutes - 一个快速教程,展示如何使用 React Native 构建 Youtube 移动应用程序的 UI. 本教程有助于从头开始编码设计.
- Adding Authentication to a React Native Project - 本教程展示了如何使用以下方法轻松地将身份验证添加到 React Native 应用程序 AWS Mobile Hub
- Generate React Native Forms 与
tcomb-form-native
- Build a chat app with React Native
- Egghead.io: React Native Fundamentals
- Pluralsight.com: Build iOS Apps with React Native
- Udemy.com: Build apps with React Native
- Udemy.com: Create Your First React Native App - 介绍构建 React Native 应用程序和学习基础部分.
- Handlebarlabs.com: Learn React Native + Meteor - 关于使用 React Native 和 Meteor 构建应用程序的综合课程和社区.
- Udemy.com: Automate Your React Native Releases with Fastlane & Bitrise - 逐步了解如何使用 Fastlane 和 Bitrise 将您的 React Native 应用程序自动发布到商店中.
Blogs¶
- React Native Training
- Use React Native Blog
- Facebook Code Blog
- The Bakery - JavaScript、React、React Native 帖子.
- Christopher Chedeau aka Vjeux
- Brent Vatne
- Kyle Corbitt - Emberall 的联合创始人.
- Made with React - 展示使用 React 或 React Native 的应用程序.
- Spencer Carli
- Official React Native Blog
- reactnative.gallery - 为 React Native 开发者展示和讲述
- Ideamotive's Blog - 关于 React Native 的博客