React Native 项目常用第三方组件汇总

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

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


0.gif

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

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

pouchdb-react-native pouchdb插件

react-native-animatable 动画

react-native-carousel 轮播

react-native-countdown 倒计时

react-native-device-info 设备信息

react-native-fileupload 文件上传

react-native-icons 图标

react-native-image-picker 图片选择器

react-native-keychain iOS KeyChain管理

react-native-picker滚轮选择器

react-native-picker-Android 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 底部或上部导航框架(不可滑动)

react-native-check-box CheckBox

react-native-splash-screen 启动白屏问题

react-native-simple-router 简易路由跳转框架

react-native-storage 持久化存储

react-native-sortable-listview 分类ListView

react-native-htmlview 将 HTML 目录作为本地视图的控件,其风格可以定制

react-native-easy-toast 一款简单易用的 Toast 组件,支持 Android&iOS.

  • 选项卡 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/rebeccahughes/react-native-device-info
  • 手势放大缩小移动
    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

工程目录下终端输入 npm i XXX save

学习笔记

付费哥们的

这个工程是我学习react-native的总结,我会把学到的东西,遇到的问题,总结的经验放在里面,希望以后再遇到问题的时候可以找到解决的办法,也希望可能帮到其他人。
https://github.com/RabbitDream/react-native-learn/blob/master/README.md?from=singlemessage&isappinstalled=1



文/yaoshiyou(简书作者)
原文链接:http://www.jianshu.com/p/d9cd9a868764
著作权归作者所有,转载请联系作者获得授权,并标注“简书作者”。

你可能感兴趣的:(ReactNative技术篇)