React Native开发中常用三方组件大全
作者整理的一套常用的React Native开发中使用到的三方组件库大全,后续也会持续更新,同学们如果发现有好用的组件但是文章中没有列出的,也请给作者留言告知组件名称,作者好将读者们反馈的组件添加到文章中,以便帮助更多的RN开发者。后续持续更新的三方组件会放到文章的开头部分,代表是新追加的组件,小伙伴们请知晓!
如果小伙伴们想学习React Native 框架的搭建以及Redux框架的学习使用,可以参考作者的开源项目OneM: github.com/guangqiang-… 记得给个 star 哦
当然也欢迎小伙伴们加入作者的React Native实战开发QQ交流群:620792950
, 开发中遇到的问题可以在群里随意的提问,互相交流学习。
react-native -30 (每天一个Demo,共三十个,有些demo很不错哦)
- 拖动九宫格
- 手势解锁
自动管理Timer组件
此组件目前只支持ES5 语法,ES6语法请在componentWillUnmount() 中清除timer
蚂蚁金服组件库 antd-mobile
react-native-button
点击图片放大缩小
进度组件
[图片上传失败...(image-8658f8-1511425885032)]
路由组件react-native-router-flux
简单的storage封装
tabBar组件react-native-tab-navigator
iconFont组件
分页组件 react-native-viewpager
导航组件 react-navigation
动画
轮播
倒计时
设备信息
react-native-device-info
文件上传
react-native-fileupload
图标
图片选择器
react-native-image-picker
iOS KeyChain管理
react-native-keychain
滚轮选择器
react-native-picker
[图片上传失败...(image-689a68-1511950421120)]
Android 滚轮选择器
react-native-picker-Android
可刷新列表
react-native-refreshable-listview
可滚动标签
react-native-scrollable-tab-view
侧栏
react-native-side-menu
轮播
react-native-swiper
音视频播放
react-native-video
分页浏览
react-native-viewpager
可滑动的底部或上部导航栏框架
react-native-scrollable-tab-view
底部或上部导航框架(不可滑动)
react-native-tab-navigator
CheckBox
react-native-check-box
启动白屏问题
react-native-splash-screen
简易路由跳转框架
react-native-simple-router
持久化存储
react-native-storage
分类ListView
react-native-sortable-listview
将 HTML 目录作为本地视图的控件,其风格可以定制
react-native-htmlview
Toast
react-native-easy-toast
material组件库(各种漂亮的小组件)
base组件库(各种封装不错的小组件)
nativebase.io/docs/v0.4.6… github.com/GeekyAnts/N…
按钮
github.com/mastermoo/r… github.com/ide/react-n…
输入框表单验证
github.com/gcanti/tcom… github.com/FaridSafi/r… github.com/bartonhammo…
炫酷效果的 TextInput
github.com/halilb/reac… github.com/zbtang/Reac…
聊天
地图
动画
加载动画
抽屉效果
侧滑按钮
github.com/dancormier/… github.com/jemise111/r…
图表
下拉放大
可滑动的日历组件
语言转化和一些常用格式转换
单选多选ListView
选择按钮
二维码
制作本地库
影音相关
安卓录音
提示消息的Bar
iOS原生TableView
点击弹出视图
github.com/jeanregisse… github.com/instea/reac…
3D Touch
双平台兼容的ActionSheet
照片墙
键盘遮挡问题
github.com/wix/react-n… github.com/reactnative…
本地存储
星星
国际化
扫描二维码
通讯录
加密
缓存管理
ListView的优化
图片和base64互转
安卓 iOS 白屏解决
Text跑马灯效果
清除按钮的输入框
webView-bridge相关
判断横竖屏
获取设备信息
手势放大缩小移动
github.com/kiddkai/rea… github.com/johanneslum…
下拉-上拉-刷新
github.com/FaridSafi/r… github.com/jsdf/react-… github.com/greatbsky/r…
下拉选择
图片查看
照片选择
github.com/marcshillin… github.com/ivpusic/rea…
图片加载进度条
轮播视图
github.com/race604/rea… github.com/FuYaoDe/rea… github.com/appintheair… github.com/leecade/rea…
模态视图
github.com/maxs15/reac… github.com/brentvatne/… github.com/bodyflex/re…
毛玻璃效果
头像库
滑动选项卡
文件上传
动画
图标
图片选择器(可多选)
滚轮选择器
下拉刷新listview
[图片上传失败...(image-86b334-1511425885032)]
可滚动Tab
侧栏
图片轮播
CheckBox
Toast
各种漂亮的小组件
base组件库
按钮
炫酷效果的 TextInput
github.com/halilb/reac… github.com/zbtang/Reac…
聊天
百度地图
github.com/lovebing/re… www.jianshu.com/p/eceb7e66f…
加载动画
侧滑按钮
github.com/dancormier/… github.com/jemise111/r…
图表
下拉放大
[图片上传失败...(image-9dccb8-1511425885033)]
可滑动的日历组件
提示消息的Bar
点击弹出视图
3D Touch
双平台兼容的ActionSheet
图片加载进度条
模态视图
github.com/maxs15/reac… github.com/bodyflex/re…
毛玻璃效果
按钮特效
折叠动画
方块滚动轮播图
下拉选项组件
提示气泡toast
From表单
线性渐变颜色
app 引导页
手势解锁密码
瀑布流列表
折叠列表
通讯录
多级菜单
tip提示框
pdf文件上传
link.jianshu.com/?t=https://… github.com/christopher…
上传doc文档
列表滑动删除
IM聊天界面
更多文章
- 作者React Native开源项目OneM【500+ star】地址(按照企业开发标准搭建框架完成开发的):github.com/guangqiang-…:欢迎小伙伴们 star
- 作者简书主页:包含60多篇RN开发相关的技术文章www.jianshu.com/u/023338566… 欢迎小伙伴们:多多关注,多多点赞
- 作者React Native QQ技术交流群:620792950 欢迎小伙伴进群交流学习
- 友情提示:在开发中有遇到RN相关的技术问题,欢迎小伙伴加入交流群(620792950),在群里提问、互相交流学习。交流群也定期更新最新的RN学习资料给大家,谢谢大家支持!