本文收录了,React Native中常用的一些相关组件,
摘录的过程中,可能有所差错,不足之处还望指出.
希望大家可以互相学习,互帮互助!
基于react-navigation组件的自定义 head 视图
第一部分
react-native-carousel 轮播图
react-native-countdown 倒计时
react-native-device-info 设备信息
react-native-fileupload 文件上传
react-native-icons 图标
react-native-image-picker 图片选择器
react-native-keychain iOSKeyChain管理
react-native-picker 滚轮选择器
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 底部或上部导航框架(不可滑动)
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 组件
第二部分
选项卡 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
蓝牙通信
http://blog.csdn.net/withings/article/details/71378562
谷歌地图
https://github.com/lelandrichardson/react-native-maps
高德地图
https://github.com/Eleme-IMF/dodo
时间轴,快递流程图效果
https://github.com/24ark/react-native-step-indicator
https://github.com/thegamenicorus/react-native-timeline-listview
动画效果
https://github.com/oblador/react-native-animatable
加载Loading动画
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/7kfpun/FinanceReactNative
时间组件
https://github.com/xgfe/react-native-datepicker
日历组件
https://github.com/wix/react-native-calendars
电子签名
https://github.com/jgrancher/react-native-sketch
下拉放大(回弹效果)
https://github.com/lelandrichardson/react-native-parallax-view
日历组件
https://github.com/cqm1994617/react-native-myCalendar
https://github.com/vczero/react-native-calendar
多语言
https://github.com/joshswan/react-native-globalize
单选/多选组件
https://github.com/hinet/react-native-checkboxlist
二维码
https://github.com/ideacreation/react-native-barcodescanner
制作本地库
https://github.com/frostney/react-native-create-library
影音相关
https://github.com/MisterAlex95/react-native-record-sound
提示消息(横条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/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
白屏问题
https://github.com/mehcode/rn-splash-screen
Text跑马灯效果
https://github.com/remobile/react-native-marquee-label
WebView相关
https://github.com/alinz/react-native-webview-bridge
判断横竖屏
https://github.com/yamill/react-native-orientation
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
HTML 相关
https://github.com/jsdf/react-native-htmlview
推荐一款最近用到的日历组件(iOS android 两端通用)-----------2018-01-25
下拉选组件(ios,android 两端通用)---------2018-01-25
Picker组件
短信倒计时(支持后台持续计时) ------2018-04-09
(未完持续...)
网友评论