React Native 常用第三方组件

Stella981
• 阅读 755

调用系统打电话、发短信、发邮件、打开网址功能
https://github.com/anarchicknight/react-native-communications

快速检索列表(按首字母)
https://github.com/johanneslumpe/react-native-selectablesectionlistview

图表组件
https://github.com/tomauty/react-native-chart

动画组件
https://github.com/oblador/react-native-animatable

热更新
https://github.com/Microsoft/react-native-code-push

热更新(似乎更好)
https://github.com/aerofs/react-native-auto-updater

热更新(中国人写的)
https://github.com/fengjundev/React-Native-Remote-Update

列表下拉刷新
https://github.com/syrusakbary/react-native-refresher

下拉刷新和加载更多
https://github.com/FaridSafi/react-native-gifted-listview

左侧菜单与官方的DrawerLayoutAndroid 用法相同,兼容iOS
https://github.com/iodine/react-native-drawer-layout

条码扫描
https://github.com/ideacreation/react-native-barcodescanner

文件上传
https://github.com/kamilkp/react-native-file-transfer

支持Androidios的toast
https://github.com/remobile/react-native-toast

获取设备各类信息
https://github.com/rebeccahughes/react-native-device-info

WebStorm ReactNative的代码模板插件,包括:
1.组件名称2.Api 名称3.所有StyleSheets属性4.组件属性
https://github.com/virtoolswebplayer/ReactNative-LiveTemplate

React-native调用cordova插件
https://github.com/axemclion/react-native-cordova-plugin

输入自动完成
https://github.com/FaridSafi/react-native-google-places-autocomplete

抖一抖动画小组件(有点意思)
https://github.com/slavik0329/react-native-bounceable

封装后动画组件(效果较丰富)
https://github.com/oblador/react-native-animatable

文件上传
https://github.com/aroth/react-native-uploader

jpush-react-native //官方版本
https://github.com/jpush/jpush-react-native

react-native-jpush 由 React Native 中文网开发维护。
https://github.com/reactnativecn/react-native-jpush

选项卡 https://github.com/exponentjs/react-native-tab-navigator

material组件库(各种漂亮的小组件)
https://github.com/xinthink/react-native-material-kit

base组件库(各种封装不错的小组件)
http://nativebase.io/docs/v0.4.6/components#anatomy
https://github.com/GeekyAnts/NativeBase

不错的按钮
https://github.com/mastermoo/react-native-action-button
https://github.com/ide/react-native-button

输入框表单验证
https://github.com/gcanti/tcomb-form-native
https://github.com/FaridSafi/react-native-gifted-form
https://github.com/bartonhammond/snowflake

炫酷效果的 TextInput
https://github.com/halilb/react-native-textinput-effects
https://github.com/zbtang/React-Native-TextInputLayout

聊天
https://github.com/FaridSafi/react-native-gifted-chat

地图
https://github.com/lelandrichardson/react-native-maps

动画
https://github.com/oblador/react-native-animatable

加载动画
https://github.com/maxs15/react-native-spinkit

抽屉效果
https://github.com/root-two/react-native-drawer
https://github.com/react-native-fellowship/react-native-side-menu

侧滑按钮
https://github.com/dancormier/react-native-swipeout
https://github.com/jemise111/react-native-swipe-list-view

图表
https://github.com/tomauty/react-native-chart

下拉放大
https://github.com/lelandrichardson/react-native-parallax-view

可滑动的日历组件
https://github.com/cqm1994617/react-native-myCalendar

语言转化和一些常用格式转换
https://github.com/joshswan/react-native-globalize

单选多选ListView
https://github.com/hinet/react-native-checkboxlist

选择按钮
https://github.com/sconxu/react-native-checkbox

二维码
https://github.com/ideacreation/react-native-barcodescanner

制作本地库
https://github.com/frostney/react-native-create-library

影音相关
https://github.com/MisterAlex95/react-native-record-sound

安卓录音
https://github.com/bosung90/react-native-audio-android

提示消息的Bar
https://github.com/KBLNY/react-native-message-bar

iOS原生TableView
https://github.com/aksonov/react-native-tableview

点击弹出视图
https://github.com/jeanregisser/react-native-popover
https://github.com/instea/react-native-popup-menu

3D Touch
https://github.com/madriska/react-native-quick-actions

双平台兼容的ActionSheet
https://github.com/beefe/react-native-actionsheet

照片墙
https://github.com/ldn0x7dc/react-native-gallery

键盘遮挡问题
https://github.com/reactnativecn/react-native-inputscrollview
https://github.com/wix/react-native-keyboard-aware-scrollview

本地存储
https://github.com/sunnylqm/react-native-storage

星星
https://github.com/djchie/react-native-star-rating

国际化
https://github.com/joshswan/react-native-globalize

扫描二维码
https://github.com/lazaronixon/react-native-qrcode-reader

通讯录
https://github.com/rt2zz/react-native-contacts

加密
https://www.npmjs.com/package/crypto-js

缓存管理
https://github.com/reactnativecn/react-native-http-cache

ListView的优化
https://github.com/sghiassy/react-native-sglistview

图片和base64互转
https://github.com/xfumihiro/react-native-image-to-base64

安卓 iOS 白屏解决
https://github.com/mehcode/rn-splash-screen

Text跑马灯效果
https://github.com/remobile/react-native-marquee-label

清除按钮的输入框
https://github.com/beefe/react-native-textinput

WebView相关
https://github.com/alinz/react-native-webview-bridge

判断横竖屏
https://github.com/yamill/react-native-orientation

PDF
https://github.com/cnjon/react-native-pdf-view

手势放大缩小移动
https://github.com/kiddkai/react-native-gestures
https://github.com/johanneslumpe/react-native-gesture-recognizers

下拉-上拉-刷新
https://github.com/FaridSafi/react-native-gifted-listview
https://github.com/jsdf/react-native-refreshable-listview
https://github.com/greatbsky/react-native-pull/wiki

下拉选择
https://github.com/alinz/react-native-dropdown

图片查看
https://github.com/oblador/react-native-lightbox

照片选择
https://github.com/marcshilling/react-native-image-picker
https://github.com/ivpusic/react-native-image-crop-picker

图片加载进度条
https://github.com/oblador/react-native-image-progress

轮播视图
https://github.com/race604/react-native-viewpager
https://github.com/FuYaoDe/react-native-app-intro
https://github.com/appintheair/react-native-looped-carousel
https://github.com/leecade/react-native-swiper

模态视图
https://github.com/maxs15/react-native-modalbox
https://github.com/brentvatne/react-native-modal
https://github.com/bodyflex/react-native-simple-modal

毛玻璃效果
https://github.com/react-native-fellowship/react-native-blur

头像库
https://github.com/oblador/react-native-vector-icons

滑动选项卡
https://github.com/skv-headless/react-native-scrollable-tab-view

倒计时,电商APP,秒杀、团购倒计时
https://github.com/jackuhan/react-native-CountDowntimer

可滚动标签,可以点击切换,每个 tab 可以有自己的 ScrollView,点击切换的时候可以维护自己的滚动方向。
类似网易新闻标签(首页)
https://www.npmjs.com/package/react-native-scrollable-tab-view

视频播放
npm install react-native-video –save

一款简单易用的 Toast 组件,支持 android&iOS.
https://github.com/crazycodeboy/react-native-easy-toast?utm_source=tuicool&utm_medium=referral

参考

https://blog.csdn.net/Keep\_Moving31038/article/details/77693737

https://www.jianshu.com/p/c7a8f115dca0

点赞
收藏
评论区
推荐文章
浅梦一笑 浅梦一笑
6个月前
初学 Python 需要安装哪些软件?超级实用,小白必看!
编程这个东西是真的奇妙。对于懂得的人来说,会觉得这个工具是多么的好用、有趣,而对于小白来说,就如同大山一样。其实这个都可以理解,大家都是这样过来的。那么接下来就说一下python相关的东西吧,并说一下我对编程的理解。本人也是小白一名,如有不对的地方,还请各位大神指出01名词解释:如果在编程方面接触的比较少,那么对于软件这一块,有几个名词一定要了解,比如开发环
blmius blmius
1年前
MySQL:[Err] 1292 - Incorrect datetime value: ‘0000-00-00 00:00:00‘ for column ‘CREATE_TIME‘ at row 1
文章目录问题用navicat导入数据时,报错:原因这是因为当前的MySQL不支持datetime为0的情况。解决修改sql\mode:sql\mode:SQLMode定义了MySQL应支持的SQL语法、数据校验等,这样可以更容易地在不同的环境中使用MySQL。全局s
技术小男生 技术小男生
6个月前
linux环境jdk环境变量配置
1:编辑系统配置文件vi/etc/profile2:按字母键i进入编辑模式,在最底部添加内容:JAVAHOME/opt/jdk1.8.0152CLASSPATH.:$JAVAHOME/lib/dt.jar:$JAVAHOME/lib/tools.jarPATH$JAVAHOME/bin:$PATH3:生效配置
光头强的博客 光头强的博客
6个月前
Java面向对象试题
1、请创建一个Animal动物类,要求有方法eat()方法,方法输出一条语句“吃东西”。创建一个接口A,接口里有一个抽象方法fly()。创建一个Bird类继承Animal类并实现接口A里的方法输出一条有语句“鸟儿飞翔”,重写eat()方法输出一条语句“鸟儿吃虫”。在Test类中向上转型创建b对象,调用eat方法。然后向下转型调用eat()方
刚刚好 刚刚好
6个月前
css问题
1、在IOS中图片不显示(给图片加了圆角或者img没有父级)<div<imgsrc""/</divdiv{width:20px;height:20px;borderradius:20px;overflow:h
小森森 小森森
3天前
租房类微信小程序-基于微信云开发-小程序端集成了管理员后台-一键部署,快速发布
温馨提醒本项目使用MITLicense协议,仅适用于学习交流,并且不提供无偿的、不提供无偿的、不提供无偿的维护修改服务(但可提issue)。若直接将本项目用于商用,因本项目带来的所有后果由使用者自行承担。如需商用升级版,请联系我微信,微信二维码在本博客页面右上角在此奉劝某些人,请尊重作者的劳动成果,做人积点德吧!最近发现有人拿我的源码进行二次分
小森森 小森森
3天前
计划助手V1.0-微信小程序(QQ小程序)-源代码分享
疫情期间在家感觉好无聊啊,于是利用空闲时间做了一个用来记录和管理小目标时间的小程序,命名为《小沙漏》。QQ版本小程序同步上线,QQ小程序叫《时间小沙漏》,欢迎大家前来体验,后期也会添加其他的新功能哦【区别】:微信小程序的代码与QQ小程序的源码是不一样的。微信小程序的源码基于微信小程序云开发,需要在有网络的情况下使用,具有同步功能,所有记录在删除小
小森森 小森森
6个月前
校园表白墙微信小程序V1.0 SayLove -基于微信云开发-一键快速搭建,开箱即用
后续会继续更新,敬请期待2.0全新版本欢迎添加左边的微信一起探讨!项目地址:(https://www.aliyun.com/activity/daily/bestoffer?userCodesskuuw5n)\2.Bug修复更新日历2.情侣脸功能大家不要使用了,现在阿里云的接口已经要收费了(土豪请随意),\\和注意
晴空闲云 晴空闲云
6个月前
css中box-sizing解放盒子实际宽高计算
我们知道传统的盒子模型,如果增加内边距padding和边框border,那么会撑大整个盒子,造成盒子的宽度不好计算,在实务中特别不方便。boxsizing可以设置盒模型的方式,可以很好的设置固定宽高的盒模型。盒子宽高计算假如我们设置如下盒子:宽度和高度均为200px,那么这会这个盒子实际的宽高就都是200px。但是当我们设置这个盒子的边框和内间距的时候,那
艾木酱 艾木酱
5个月前
快速入门|使用MemFire Cloud构建React Native应用程序
MemFireCloud是一款提供云数据库,用户可以创建云数据库,并对数据库进行管理,还可以对数据库进行备份操作。它还提供后端即服务,用户可以在1分钟内新建一个应用,使用自动生成的API和SDK,访问云数据库、对象存储、用户认证与授权等功能,可专
helloworld_28799839 helloworld_28799839
6个月前
常用知识整理
Javascript判断对象是否为空jsObject.keys(myObject).length0经常使用的三元运算我们经常遇到处理表格列状态字段如status的时候可以用到vue