React Native常用第三方汇总

侯英达
2023-12-01

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


react-native-animatable 动画 
react-navigation 
github : https://reactnavigation.org/docs/intro/ 路由组件 
react-native-carousel && react-native-swiper 轮播 
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

 

可以查看我的GitHub,里面有我学习的一些第三方组件的Demo,持续更新中哟!!!

https://github.com/PengSiSi/PSReactNativeDemo

转载于:https://www.cnblogs.com/pengsi/p/7002797.html

 类似资料: