* [React-Native-Elements](https://link.jianshu.com?t=https://github.com/react-native-community/React-Native-Elements) 一组开发RN的UI工具包（强烈推荐） 🔥🔥🔥🔥🔥
* [react-native-calendars](https://link.jianshu.com?t=https://github.com/wix/react-native-calendars) 🔥🔥🔥🔥 优秀的日历控件
* [apsl-react-native-button](https://link.jianshu.com?t=https://github.com/APSL/react-native-button) 定义了一个Button支持用Style来配置 🔥🔥
* [react-native-action-button](https://link.jianshu.com?t=https://github.com/APSL/react-native-button) 支持多种点击事件的Button控件 🔥🔥
* [react-native-button](https://link.jianshu.com?t=https://github.com/ide/react-native-button) 另一个Button组件 🔥🔥
* [ex-navigator](https://link.jianshu.com?t=https://github.com/exponentjs/ex-navigator) 封装Navigator,以Route为中心的Navigator 🔥🔥
* [gl-react-native](https://link.jianshu.com?t=https://github.com/ProjectSeptemberInc/gl-react-native) React Native中使用OPENGL来实现复杂的图片和components渲染 🔥🔥🔥
* [react-native-activity-view](https://link.jianshu.com?t=https://github.com/naoufal/react-native-activity-view) iOS上的分享和action sheets组件 🔥🔥
* [react-native-app-intro](https://link.jianshu.com?t=https://github.com/FuYaoDe/react-native-app-intro) 引导页 🔥🔥
* [react-native-blur](https://link.jianshu.com?t=https://github.com/react-native-fellowship/react-native-blur) 添加模糊或者毛玻璃效果 🔥🔥🔥
* [react-native-calendar](https://link.jianshu.com?t=https://github.com/christopherdro/react-native-calendar) 日历 🔥
* [react-native-chart](https://link.jianshu.com?t=https://github.com/tomauty/react-native-chart) 绘图（折线图，柱状图，扇形图） 🔥🔥🔥
* [react-native-circular-progress](https://link.jianshu.com?t=https://github.com/bgryszko/react-native-circular-progress) 圆形的显示进度的视图 🔥
* [react-native-collapsible](https://link.jianshu.com?t=https://github.com/oblador/react-native-collapsible) 可折叠的component 🔥
* [React Native Drawer](https://link.jianshu.com?t=https://github.com/root-two/react-native-drawer) 抽屉效果，可 用来实现侧拉菜单 🔥🔥🔥
* [react-native-dropdown](https://link.jianshu.com?t=https://github.com/alinz/react-native-dropdown)下拉菜单 🔥
* [ReactNativeEffectsView](https://link.jianshu.com?t=https://github.com/voronianski/react-native-effects-view) 封装了iOS 8上的UIVisualEffectViews，在React Native中实现毛玻璃效果 🔥
* [react-native-gesture-password](https://link.jianshu.com?t=https://github.com/spikef/react-native-gesture-password) 手势解锁，支持iOS和Android 🔥
* [react-native-gifted-form](https://link.jianshu.com?t=https://github.com/FaridSafi/react-native-gifted-form) 在React Native中方便的使用表格 🔥🔥
* [react-native-gifted-listview](https://link.jianshu.com?t=https://github.com/FaridSafi/react-native-gifted-listview) 下拉刷新和上拉加载的ListView 🔥🔥
* [react-native-gifted-messenger](https://link.jianshu.com?t=https://github.com/FaridSafi/react-native-gifted-messenger) 方便的实现聊天UI 🔥🔥🔥🔥
* [react-native-grid-view](https://link.jianshu.com?t=https://github.com/lucholaf/react-native-grid-view) 网格视图，类似iOS中的UICollectionView 🔥
* [react-native-image-picker](https://link.jianshu.com?t=https://github.com/marcshilling/react-native-image-picker) 用Native UI来选择图片或者拍照 🔥🔥🔥
* [react-native-keyboard-spacer](https://link.jianshu.com?t=https://github.com/Andr3wHur5t/react-native-keyboard-spacer) 适用于iOS的根据键盘自动调整输入框 🔥🔥
* [react-native-keyboardevents](https://link.jianshu.com?t=https://github.com/johanneslumpe/react-native-keyboardevents) 监听键盘显示/隐藏 🔥
* [react-native-lightbox](https://link.jianshu.com?t=https://github.com/oblador/react-native-lightbox) 图片全屏预览 🔥🔥🔥
* [react-native-looped-carousel](https://link.jianshu.com?t=https://github.com/appintheair/react-native-looped-carousel) 视图轮播 🔥🔥
* [react-native-mapbox-gl](https://link.jianshu.com?t=https://github.com/mapbox/react-native-mapbox-gl) 地图 🔥🔥
* [react-native-maps](https://link.jianshu.com?t=https://github.com/lelandrichardson/react-native-maps) 地图 🔥🔥🔥🔥
* [react-native-material-design](https://link.jianshu.com?t=https://github.com/react-native-material-design/react-native-material-design) material design 🔥🔥🔥
* [react-native-material-kit](https://link.jianshu.com?t=https://github.com/xinthink/react-native-material-kit) 一组UI Components，为了介绍 [Material Design](https://link.jianshu.com?t=http://www.google.com/design/spec/material-design/introduction.html) 🔥🔥🔥🔥
* [react-native-modalbox](https://link.jianshu.com?t=https://github.com/maxs15/react-native-modalbox) 用于模态显示的Component 🔥🔥
* [react-native-orientation](https://link.jianshu.com?t=https://github.com/yamill/react-native-orientation) 监听设备旋转 🔥
* [react-native-parallax](https://link.jianshu.com?t=https://github.com/oblador/react-native-parallax) parallax效果 🔥
* [react-native-parallax-scroll-view](https://link.jianshu.com?t=https://github.com/jaysoo/react-native-parallax-scroll-view) 视差滚动效果的ScrollView，支持固定header
* [react-native-picker](https://link.jianshu.com?t=https://github.com/beefe/react-native-picker) 选择器，可用于实现时间选择，区域选择 🔥
* [react-native-popover](https://link.jianshu.com?t=https://github.com/jeanregisser/react-native-popover) 弹出气泡框的Component 🔥
* [react-native-progress-hud](https://link.jianshu.com?t=https://github.com/naoufal/react-native-progress-hud) ProgressHUD 🔥
* [react-native-refresher](https://link.jianshu.com?t=https://github.com/syrusakbary/react-native-refresher) 支持下拉刷新的listview 🔥🔥
* [react-native-router](https://link.jianshu.com?t=https://github.com/t4t5/react-native-router)类似Navigator的导航控制器 🔥🔥🔥🔥
* [react-native-scrollable-tab-view](https://link.jianshu.com?t=https://github.com/skv-headless/react-native-scrollable-tab-view) 支持左右滚动的来切换tab的tableview 🔥🔥🔥🔥
* [react-native-controllers](https://link.jianshu.com?t=https://github.com/wix/react-native-controllers) 封装了 原生的iOS 导航栏，tabbar，抽屉效果等。 🔥🔥
* [react-native-search-bar](https://link.jianshu.com?t=https://github.com/umhan35/react-native-search-bar) 封装iOS原生UISearchBar 🔥🔥
* [react-native-spinkit](https://link.jianshu.com?t=https://github.com/maxs15/react-native-spinkit) 一组Activity指示器 🔥🔥
* [react-native-splashscreen](https://link.jianshu.com?t=https://github.com/remobile/react-native-splashscreen) App载入视图，启动后自动隐藏 🔥
* [react-native-svgkit](https://link.jianshu.com?t=https://github.com/brentvatne/react-native-svgkit) 显示SVG格式图片 🔥🔥
* [react-native-swipeout](https://link.jianshu.com?t=https://github.com/dancormier/react-native-swipeout) 类似TableViewCell的左滑删除，支持Component滑动 🔥🔥🔥
* [react-native-swiper](https://link.jianshu.com?t=https://github.com/leecade/react-native-swiper) <font color="orange">视图轮播，上下/左右滑动组件,类似UICollectionView</font> 🔥🔥🔥🔥
* [react-native-tableview](https://link.jianshu.com?t=https://github.com/jondot/awesome-react-native) 封装iOS原生UITableview
* [react-native-vector-icons](https://link.jianshu.com?t=https://github.com/oblador/react-native-vector-icons) <font color="orange">3000+支持自定义的图标</font> 🔥🔥🔥🔥
* [react-native-sglistview](https://link.jianshu.com?t=https://github.com/sghiassy/react-native-sglistview) 为了解决React Native中ListView的内存问题 🔥
* [react-native-invertible-scroll-view](https://link.jianshu.com?t=https://github.com/exponentjs/react-native-invertible-scroll-view) 逆向的ScrollView，从底部开始布局，适用于聊天等向上滑动来加载更多的情况 🔥
* [react-native-viewpager](https://link.jianshu.com?t=https://github.com/race604/react-native-viewpager) 视图轮播，支持循环滚动，自定义视图。已做性能优化 🔥🔥🔥
* [react-native-tab-navigator](https://link.jianshu.com?t=https://github.com/exponentjs/react-native-tab-navigator) TabBar切换视图 🔥🔥
* [react-native-loading-spinner-overlay](https://link.jianshu.com?t=https://github.com/niftylettuce/react-native-loading-spinner-overlay) 加载中的提示spinner 🔥,支持iOS/Android
* [react-native-color-picker](https://link.jianshu.com?t=https://github.com/instea/react-native-color-picker) iOS/Android通用的颜色选择器
* [react-native-pathjs-charts](https://link.jianshu.com?t=https://github.com/capitalone/react-native-pathjs-charts) - 基于react-native-svg 和 paths-js写的iOS，Android通用的绘图库 🔥
* [react-native-gl-model-view](https://link.jianshu.com?t=https://github.com/rastapasta/react-native-gl-model-view) - 显示/动画 Wavefront，.OBJ等3D对象(iOS)
* [react-native-message-bar](([https://github.com/KBLNY/react-native-message-bar](https://link.jianshu.com?t=https://github.com/KBLNY/react-native-message-bar)) 在屏幕底部/顶部展示通知
* [react-native-fast-image](https://link.jianshu.com?t=https://github.com/DylanVann/react-native-fast-image) 高性能的图片组件
* [react-native-search-box](https://link.jianshu.com?t=https://github.com/crabstudio/react-native-search-box) 纯JS写的类似iOS SearchBar的组件
* [react-native-splash-screen](https://link.jianshu.com?t=https://github.com/crazycodeboy/react-native-splash-screen) A splash screen for react-native, hide when application loaded ,it works on iOS and Android. 🔥🔥🔥🔥
* [rn-placeholder](https://link.jianshu.com?t=https://github.com/mfrachet/rn-placeholder) 🔥 空数据的站位符，很适合用来做列表站位
* [react-native-css](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fsabeurthabti%2Freact-native-css) 用CSS的方式对Component进行Style 🔥🔥
* [react-native-extended-stylesheet](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fvitalets%2Freact-native-extended-stylesheet) 对stylesheet进行扩展 🔥🔥
* react-native-icons 图标
* react-native-scrollable-tab-view 可滚动标签
* react-native-side-menu 侧栏
* react-native-check-box CheckBox
* react-native-easy-toast 一款简单易用的 Toast 组件，支持 Android&iOS.
* material组件库（各种漂亮的小组件）[https://github.com/xinthink/react-native-material-kit](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fxinthink%2Freact-native-material-kit)
* base组件库（各种封装不错的小组件）[http://nativebase.io/docs/v0.4.6/components#anatomy](https://link.jianshu.com?t=http%3A%2F%2Fnativebase.io%2Fdocs%2Fv0.4.6%2Fcomponents%23anatomy)
[https://github.com/GeekyAnts/NativeBase](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2FGeekyAnts%2FNativeBase)
* 不错的按钮
[https://github.com/mastermoo/react-native-action-button](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fmastermoo%2Freact-native-action-button)
[https://github.com/ide/react-native-button](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fide%2Freact-native-button)
* 炫酷效果的 TextInput
[https://github.com/halilb/react-native-textinput-effects](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fhalilb%2Freact-native-textinput-effects)
[https://github.com/zbtang/React-Native-TextInputLayout](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fzbtang%2FReact-Native-TextInputLayout)
* 抽屉效果
[https://github.com/root-two/react-native-drawer](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Froot-two%2Freact-native-drawer)
[https://github.com/react-native-fellowship/react-native-side-menu](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Freact-native-fellowship%2Freact-native-side-menu)
* 侧滑按钮
[https://github.com/dancormier/react-native-swipeout](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fdancormier%2Freact-native-swipeout)
[https://github.com/jemise111/react-native-swipe-list-view](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fjemise111%2Freact-native-swipe-list-view)
* 图表
[https://github.com/tomauty/react-native-chart](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Ftomauty%2Freact-native-chart)
* 下拉放大
[https://github.com/lelandrichardson/react-native-parallax-view](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Flelandrichardson%2Freact-native-parallax-view)
* 可滑动的日历组件
[https://github.com/cqm1994617/react-native-myCalendar](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fcqm1994617%2Freact-native-myCalendar)
* 选择按钮
[https://github.com/sconxu/react-native-checkbox](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fsconxu%2Freact-native-checkbox)
* 提示消息的Bar
[https://github.com/KBLNY/react-native-message-bar](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2FKBLNY%2Freact-native-message-bar)
* 照片墙
[https://github.com/ldn0x7dc/react-native-gallery](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fldn0x7dc%2Freact-native-gallery)
* 星星
[https://github.com/djchie/react-native-star-rating](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fdjchie%2Freact-native-star-rating)
* Text跑马灯效果
[https://github.com/remobile/react-native-marquee-label](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fremobile%2Freact-native-marquee-label)
* 图片加载进度条
[https://github.com/oblador/react-native-image-progress](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Foblador%2Freact-native-image-progress)
* 轮播视图
[https://github.com/race604/react-native-viewpager](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Frace604%2Freact-native-viewpager)
[https://github.com/FuYaoDe/react-native-app-intro](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2FFuYaoDe%2Freact-native-app-intro)
[https://github.com/appintheair/react-native-looped-carousel](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fappintheair%2Freact-native-looped-carousel)
[https://github.com/leecade/react-native-swiper](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fleecade%2Freact-native-swiper)
* 毛玻璃效果
[https://github.com/react-native-fellowship/react-native-blur](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Freact-native-fellowship%2Freact-native-blur)
* 滑动可以收回头部动画的列表
react-native-parallax-scroll-view
* 下拉选择
[https://github.com/alinz/react-native-dropdown](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Falinz%2Freact-native-dropdown)
* 图片查看
[https://github.com/oblador/react-native-lightbox](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Foblador%2Freact-native-lightbox)
* 照片选择
[https://github.com/marcshilling/react-native-image-picker](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fmarcshilling%2Freact-native-image-picker)
[https://github.com/ivpusic/react-native-image-crop-picker](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fivpusic%2Freact-native-image-crop-picker)
* 模态视图
[https://github.com/maxs15/react-native-modalbox](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fmaxs15%2Freact-native-modalbox)
[https://github.com/brentvatne/react-native-modal](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fbrentvatne%2Freact-native-modal)
[https://github.com/bodyflex/react-native-simple-modal](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fbodyflex%2Freact-native-simple-modal)
* 按钮特效 react-native-circle-button▼
**项目名称：**react-native-circle-button**功能介绍：**可以支持双平台的原型菜单按钮，作者灵感来源于国外设计网站dribbble，虽然可能项目用到的可能性比较小，但是可以看下实现过程。**仓库地址：**[https://github.com/dwicao/react-native-circle-button](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fdwicao%2Freact-native-circle-button)
* 酷炫折叠动画 react-native-foldview▼
**项目名称：**react-native-foldview**功能介绍：**纯 JS 代码编写的，一个带折叠动画的列表项 UI 组件，可用在滚动列表中，展示列表详情之类的，动画效果也不错。**仓库地址：**[https://github.com/jmurzy/react-native-foldview](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fjmurzy%2Freact-native-foldview)
* 这个是一个下拉选项组件
A react-native dropdown/picker/selector component for both Android & iOS.
* 国人做的，貌似不错，支持个。
**[react-native-modal-dropdown](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fsohobloo%2Freact-native-modal-dropdown)**
**[cnblog的中文解释](https://link.jianshu.com?t=http%3A%2F%2Fwww.cnblogs.com%2Fsohobloo%2Fp%2Freact-native-modal-dropdown.html)**
* 一个比较美丽的提示气泡toast
**[react-native-root-toast](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fmagicismight%2Freact-native-root-toast)**
* 图片上拉放大:[https://github.com/lelandrichardson/react-native-parallax-view](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Flelandrichardson%2Freact-native-parallax-view)
* npm install react-native-gifted-form --save
[react-native-gifted-form](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2FFaridSafi%2Freact-native-gifted-form)
* 颜色渐变
npm install react-native-linear-gradient --save
[react-native-linear-gradient](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fbrentvatne%2Freact-native-linear-gradient)
* npm i react-native-app-intro --save
[react-native-app-intro](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Ffuyaode%2Freact-native-app-intro)
* [https://github.com/spikef/react-native-gesture-password](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fspikef%2Freact-native-gesture-password)
* [https://github.com/xudafeng/autoresponsive-react-native](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fxudafeng%2Fautoresponsive-react-native)
* 一个下拉打开页面，用在选项里面贼好用
[react-native-accordion](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fnaoufal%2Freact-native-accordion)
* 做通讯录想必各位同学多多少少都要接触吧?这个好用
[react-native-alphabetlistview](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fsunnylqm%2Freact-native-alphabetlistview)
* 老板要是让你加自动填充怎么办?这边有
[react-native-alphabetlistview](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fsunnylqm%2Freact-native-alphabetlistview)
* [https://github.com/Dharmoslap/react-native-responsive-image](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2FDharmoslap%2Freact-native-responsive-image)
* [https://github.com/vczero/react-native-tab-menu](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fvczero%2Freact-native-tab-menu)
* [https://github.com/chirag04/react-native-tooltip](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Fchirag04%2Freact-native-tooltip)
* [https://github.com/aroth/react-native-uploader](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Faroth%2Freact-native-uploader)
* [https://github.com/Cocoon-break/react-native-table-row](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2FCocoon-break%2Freact-native-table-row)
* [https://github.com/Cocoon-break/react-native-table-row](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2FCocoon-break%2Freact-native-table-row)
* [搜索框，带历史纪录](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Ftuantle%2Freact-native-search-header)
* [下拉警告](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2Ftestshallpass%2Freact-native-dropdownalert)
* [滑动动画选择](https://link.jianshu.com?t=https%3A%2F%2Fgithub.com%2FApp2Sales%2Freact-native-switch-selector)
转自：[https://www.jianshu.com/p/c7a8f115dca0](https://www.jianshu.com/p/c7a8f115dca0)
Copy the code