ReactNative开发常用的三方模块

写在前面

一个好的App缺不了好的三方支持,生活在ReactNative这个活跃的开源社区,寻找合适的三方组件是一个开发者最基本的能力。不过不积跬步,无以至千里,不积小流,无以成江海。下面分享几个我收集的三方模块,希望对大家有点帮助。

文件上传react-native-uploader

github地址:https://github.com/aroth/react-native-uploader

评价:支持多图上传和上传进度显示,demo比较粗糙。项目已经停止更新 4个月

毛玻璃效果react-native-blur

github 地址:https://github.com/react-native-community/react-native-blur

评价:星星比较多,支持3种常见的毛玻璃效果,不错的组件。

图片轮播

react-native-viewpager

GitHub 地址:https://github.com/race604/react-native-viewpager

评价:实际使用过,轮播效果比较普通,算比较实用吧

react-native-looped-carousel

GitHub 地址:https://github.com/appintheair/react-native-looped-carousel

评价:demo比较精致,可以尝试

react-native-app-intro

GitHub 地址:https://github.com/FuYaoDe/react-native-app-intro

评价:星星比较多,适合做App进入的引导页

图片选择

react-native-image-picker

GitHub 地址:https://github.com/marcshilling/react-native-image-picker

评价:实际使用过,功能强大,兼容性好。但是不支持多图

react-native-image-crop-picker

GitHub 地址:https://github.com/ivpusic/react-native-image-crop-picker

评价:功能类似,但支持多图

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

GitHub 地址:https://github.com/rebeccahughes/react-native-device-info

评价:文档比较细致,算是靠谱的组件

ListView优化替代组件react-native-sglistview

GitHub 地址:https://github.com/sghiassy/react-native-sglistview

评价:用法简单,可以减小ListView运行占用的内存

二维码识别react-native-qrcode-reader

github 地址:https://github.com/starknx/react-native-qrcode-reader

评价:比较实用的功能

手势解锁react-native-gesture-password

GitHub 地址:https://github.com/SunflowerGJ/react-native-gesture-password

评价:为App添彩的功能

GitHub 地址:https://github.com/starknx/react-native-qrcode-reader

评价: 星星比较少,项目1年未更新,谨慎使用

键盘遮挡问题解决

评价:新版RN的KeyboardAvoidingView组件可以解决这个问题

图片查看react-native-gallery

GitHub 地址:https://github.com/ldn0x7dc/react-native-gallery

评价:支持轮播和 放大查看

3D Touchreact-native-quick-actions

GitHub 地址:https://github.com/madriska/react-native-quick-actions

评价:为App添彩的功能,但不是必须的

可滑动的日历组件react-native-myCalendar

GitHub 地址:https://github.com/cqm1994617/react-native-myCalendar

评价:demo 耦合性略高

可拖拽元素react-native-gesture-recognizers

GitHub 地址:https://github.com/johanneslumpe/react-native-gesture-recognizers

评价:比较有趣的功能

下拉放大react-native-parallax-view

GitHub 地址:https://github.com/lelandrichardson/react-native-parallax-view

评价:这个功能适合带图片的详情页

简单图表react-native-chart

GitHub 地址:https://github.com/tomauty/react-native-chart

评价:比较成熟的项目,放心使用

侧滑按钮react-native-swipeout

GitHub 地址:https://github.com/dancormier/react-native-swipeout

评价:如果放在水平滚动的容器里会有BUG

抽屉功能react-native-drawer

GitHub 地址:https://github.com/root-two/react-native-drawer

评价:实际使用过,性能还不错,可放心使用

加载动画react-native-spinkit

GitHub 地址:https://github.com/maxs15/react-native-spinkit

评价:比较有趣的动画,为项目添彩

登录动画react-native-login

GitHub 地址:https://github.com/brentvatne/react-native-login

评价:动画为mp4格式

动画组件react-native-animatable

GitHub 地址:https://github.com/oblador/react-native-animatable

评价:为元素添加灵动感,比较实用

即时通讯

react-native-gifted-chat

GitHub 地址:https://github.com/FaridSafi/react-native-gifted-chat

评价:支持发送位置和图片

react-native-imUI

GitHub 地址:https://github.com/Ice-MT/react-native-imUI

评价:从项目里抽取出来的demo,UI做的挺萌,有发送语音功能

精致的输入框react-native-textinput-effects

GitHub 地址:https://github.com/halilb/react-native-textinput-effects

评价:为项目添彩的功能

表单验证react-native-gifted-form

GitHub 地址:https://github.com/FaridSafi/react-native-gifted-form

评价:比较实用,适合用在复杂的表单

UI组件库

NativeBase

github:https://github.com/GeekyAnts/NativeBase

在线文档:http://nativebase.io/docs/v0.4.6/components#anatomy

评价:组件比较多,不过设计风格一般

shoutem

团队github:https://github.com/shoutem

在线文档:http://shoutem.github.io/docs/ui-toolkit/introduction

评价:组件丰富,设计风格酷炫、团队也比较牛逼

Teaset

github:https://github.com/rilyu/teaset

评价:国人作品,组件丰富,设计风格简约,比较适宜新手实用吧

react-native-material-design

GitHub 地址:https://github.com/react-native-material-design/react-native-material-design

评价:纯js编写,没有依赖,demo用的是Android

react-native-elements

github:https://github.com/react-native-material-design/react-native-material-design

在线文档:http://react-native-material-design.github.io/

评价:ReactNative作者操刀领导的作品,值得拥有

react-native-ui-kitten

github:https://github.com/akveo/react-native-ui-kitten

在线文档:https://akveo.github.io/react-native-ui-kitten/articles/getting-started/

评价:一个酷炫简单的App组件Demo,适合新手学习

@参考:React Native 项目常用第三方组件汇总

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,732评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,496评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,264评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,807评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,806评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,675评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,029评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,683评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 41,704评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,666评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,773评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,413评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,016评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,978评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,204评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,083评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,503评论 2 343

推荐阅读更多精彩内容