React-Native开发中常用的第三方控件持续更新
|
基于FlatList的下拉、上拉刷新组件 react-native-refresh-list-view 倒计时组件 https://github.com/ljunb/rn-countdown react-native-agora 基于Agora（YY技术团队）直播，视频会议组件 https://github.com/DBshaoYan/react-native-agora 相关资源文章 https://yq.aliyun.com/articles/78154?t=t1 http://www.jianshu.com/p/53ff78168acc 少停的博客分享 扫描二维码 https://github.com/MarnoDev/AC-QRCode-RN 复选按钮--checkbox https://github.com/crazycodeboy/react-native-check-box 单选按钮-radioButton https://github.com/wayne214/react-native-flexi-radio-button 持久化存储 https://github.com/almost/react-native-sqlite https://realm.io/docs/react-native/latest/ 获取权限 https://github.com/yonahforst/react-native-permissions 文件上传 https://github.com/eduedix/react-native-networking 拍照： https://github.com/remobile/react-native-camera 视频录制： https://github.com/phuochau/react-native-beautiful-video-recorder react-native-camera是一个第三方的开源库，我们可以通过它来调用设备的摄像头， 从而实现拍照、或者录像功能。 react-native-camera功能强大，我们可以选择使用哪个摄像头、是拍照还是录像、是否录制声音、是否开启闪光灯、视图比例、拍摄质量、拍摄方向、触摸功能、条形码/二维码扫描等等。 GitHub主页地址：https://github.com/lwansbrough/react-native-camera 一个功能完善的 react-native 高德地图组件： https://github.com/qiuxiang/react-native-amap3d React Native中的懒加载(lazyload) https://github.com/magicismight/react-native-lazyload 图片缓存方案： https://github.com/wcandillon/react-native-img-cache https://github.com/remobile/react-native-cache-image https://github.com/MarnoDev/react-native-open-project 手势缩放图片： https://github.com/ldn0x7dc/react-native-transformable-image 弹框-全遮盖的弹出层 react-native-modalbox 诸多reactNative第三方控件，助大家一臂之力 https://js.coach/react-native IOS or Android白屏问题 react-native-splash-screen Toast吐司： https://github.com/remobile/react-native-toast https://github.com/crazycodeboy/react-native-easy-toast https://github.com/RazerTang/react-native-root-toast2 日历控件： https://github.com/airbnb/react-dates https://github.com/wix/react-native-calendars/blob/master/README.md 加解密库： crypto-js 时间选择器 react-native-picker https://github.com/beefe/react-native-picker 坐标转换 以后处理坐标转换可能会用到的，用到的时候再看https://github.com/wandergis/coordtransform Button按钮 简单的按钮控件 https://github.com/APSL/react-native-button react-native-speech 语音播报组件 react-native-snap-carousel 简单的轮播框组件，带有断裂效果，应用于Android和iOS 调用系统的电话、短信、邮件、浏览器: 三方组件：react-native-communications 地址：https://github.com/anarchicknight/react-native-communications 网址里面的 README.md 写的非常的清楚，而且还有例子可供参考，相当方便，iOS和Android亲测没有问题 强烈推荐大家看一下 轮播图：npm install react-native-swiper--save 倒计时：npm install react-native-sk-countdown --save 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 倒计时 https://github.com/jackuhan/react-native-CountDowntimer 倒计时 react-native-device-info 设备信息 react-native-fileupload 文件上传 react-native-icons 图标 https://github.com/oblador/react-native-vector-icons 图标 react-native-image-crop-picker 图片选择器 react-native-image-picker 图片选择器 关于图片选择器的配置：http://www.cnblogs.com/shaoting/p/6148085.html react-native-keychain iOS KeyChain管理 react-native-picker滚轮选择器：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/lovebing/react-native-baidu-map 动画 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 日历弹出@IOS和Android https://github.com/wayne214/react-native-modal-datetime-picker 语言转化和一些常用格式转换 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 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/wayne214/react-native-swRefresh 下拉选择 https://github.com/alinz/react-native-dropdown https://github.com/WheelerLee/react-native-dropdown-menu 图片查看 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 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |