博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ReactNative开发常用的三方模块
阅读量:4086 次
发布时间:2019-05-25

本文共 2150 字,大约阅读时间需要 7 分钟。

写在前面

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

http://jafeney.com/2017/03/29/2017-03-29-react-native/

文件上传 react-native-uploader

这里写图片描述

github地址:

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

毛玻璃效果 react-native-blur

这里写图片描述

github 地址:

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

图片轮播

  • react-native-viewpager

    这里写图片描述
    GitHub 地址:

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

  • react-native-looped-carousel

这里写图片描述

GitHub 地址:

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

  • react-native-app-intro

这里写图片描述

GitHub 地址:

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

图片选择

  • react-native-image-picker

这里写图片描述

GitHub 地址:

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

  • react-native-image-crop-picker

这里写图片描述

GitHub 地址:

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

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

GitHub 地址:

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

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

GitHub 地址:

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

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

github 地址:

评价:比较实用的功能

手势解锁 react-native-gesture-password

这里写图片描述

GitHub 地址:

评价:为App添彩的功能

这里写图片描述

GitHub 地址:

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

键盘遮挡问题解决

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

这里写图片描述

GitHub 地址:

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

3D Touch react-native-quick-actions

这里写图片描述

GitHub 地址:

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

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

这里写图片描述

GitHub 地址:

评价:demo 耦合性略高

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

这里写图片描述

GitHub 地址:

评价:比较有趣的功能

下拉放大 react-native-parallax-view

这里写图片描述

GitHub 地址:

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

简单图表 react-native-chart

这里写图片描述

GitHub 地址:

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

侧滑按钮 react-native-swipeout

这里写图片描述

GitHub 地址:

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

抽屉功能 react-native-drawer

这里写图片描述

GitHub 地址:

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

加载动画 react-native-spinkit

这里写图片描述

GitHub 地址:

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

登录动画 react-native-login

这里写图片描述

GitHub 地址:

评价:动画为mp4格式

动画组件 react-native-animatable

这里写图片描述

GitHub 地址:

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

即时通讯

  • react-native-gifted-chat

这里写图片描述

GitHub 地址:

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

  • react-native-imUI

这里写图片描述

GitHub 地址:

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

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

这里写图片描述

GitHub 地址:

评价:为项目添彩的功能

表单验证 react-native-gifted-form

这里写图片描述

GitHub 地址:

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

UI组件库

  • NativeBase

    这里写图片描述

    github: 

    在线文档:

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

  • shoutem

这里写图片描述

团队github:  

在线文档:

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

  • Teaset

这里写图片描述

github: 

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

  • react-native-material-design

这里写图片描述

GitHub 地址:

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

  • react-native-elements

这里写图片描述

github:  

在线文档:

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

  • react-native-ui-kitten

这里写图片描述

github:  

在线文档:

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


@参考:

转载地址:http://dveni.baihongyu.com/

你可能感兴趣的文章
Flutter Boost的router管理
查看>>
Android Flutter混合编译
查看>>
微信小程序 Audio API
查看>>
[React Native]react-native-scrollable-tab-view(进阶篇)
查看>>
Vue全家桶+Mint-Ui打造高仿QQMusic,搭配详细说明
查看>>
React Native for Android 发布独立的安装包
查看>>
React Native应用部署/热更新-CodePush最新集成总结(新)
查看>>
react-native-wechat
查看>>
基于云信的react-native聊天系统
查看>>
网易云音乐移动客户端Vue.js
查看>>
ES7 await/async
查看>>
ES7的Async/Await
查看>>
React Native WebView组件实现的BarCode(条形码)、(QRCode)二维码
查看>>
每个人都能做的网易云音乐[vue全家桶]
查看>>
JavaScript专题之数组去重
查看>>
Immutable.js 以及在 react+redux 项目中的实践
查看>>
Vue2.0全家桶仿腾讯课堂(移动端)
查看>>
React+Redux系列教程
查看>>
react-native 自定义倒计时按钮
查看>>
19 个 JavaScript 常用的简写技术
查看>>