React Native常用第三方组件汇总

冯旭
2023-12-01

react-native-system-setting 修改系统设置
react-native-picker-select 数据选择
react-native-searchable-dropdown 下拉搜索框
lottie-react-native 动画封装库
VoiceLine-master 声音变化波浪效果
react-native-parallax-scroll-view 类似ScrollView组件
react-native-autoheight-webview 折叠
react-native-auto-height-image image图片
react-native-share 分享
react-scroll-paged-view 内部滚动
react-native-iphone-x-helper iPhone X适配
react-native-view-shot 截屏组件
react-native-doc-viewer 文档查看
react-native-data-table 表格组件
react-native-autocomplete-input 智能提示
react-native-modal-datetime-picker 时间选择器
react-native-torch 闪光灯
react-native-camera-kit 相机
react-native-countdown 倒计时
react-native-fileupload 文件上传
react-native-icons 图标
react-native-triangle 画三角形
react-native-image-picker 图片选择器
react-native-keychain iOS KeyChain管理
react-native-picker 滚轮选择器
react-native-picker-android Android 滚轮选择器
react-native-video 视频播放
react-native-simple-router 简易路由跳转框架
react-native-storage 持久化存储
react-native-sortable-listview 分类ListView
https://github.com/Cocoon-break/react-native-table-row

随机码生成:https://github.com/ai4code/react-native-verification-code
侧边栏ListView:https://github.com/johanneslumpe/react-native-selectablesectionlistview
视频播放:https://github.com/abbasfreestyle/react-native-af-video-player
时间轴:https://github.com/thegamenicorus/react-native-timeline-listview
数据表格:https://github.com/Gil2015/react-native-table-component
动画渲染指示:https://github.com/archriss/react-native-animated-steps
用户指南::https://github.com/mohebifar/react-native-copilot
用户指南:https://github.com/liuzheng644607/react-native-intro
聊天ui:https://github.com/DaiYz/react-native-easy-chat-ui
全局异常捕获:https://github.com/master-atul/react-native-exception-handler
展示更多:https://github.com/AmyrAhmady/react-native-show-more-button
步骤指示器:https://github.com/hamraa/react-native-steps
步骤指示器:https://github.com/mu29/react-stepper
步骤指示器:https://github.com/colbymillerdev/react-native-progress-steps
滑动指示器:https://github.com/robertgonzales/react-step-range-slider
复选框组件:https://github.com/tiaanduplessis/react-native-modest-checkbox
Toast组件:https://github.com/crazycodeboy/react-native-easy-toast
Toast组件:https://github.com/guangqiang-liu/react-native-toastAndLoading
Toast组件:https://github.com/search?q=react-native-root-toast
拖放旋转组件:https://github.com/keske/react-native-easy-gestures
md5加密:https://github.com/kmend/react-native-md5
进度圈指示器:https://github.com/MrToph/react-native-progress-circle
内联指示器:https://github.com/mathieudutour/react-progress-button
活动指示符:https://github.com/n4kz/react-native-indicators
加载过渡图片:https://github.com/ArunMichaelDsouza/react-image-appear
播放声音:https://github.com/zmxv/react-native-sound
底部弹出框:https://github.com/prscX/react-native-bottom-action-sheet
底部弹出框:https://github.com/NYSamnang/react-native-raw-bottom-sheet
刷新:https://github.com/passpier/react-native-smooth-pull-to-refresh
简单闪烁:https://github.com/oblador/react-native-shimmer
tab标签切换:https://github.com/kirankalyan5/react-native-segmented-control-tab
html展示:https://github.com/archriss/react-native-render-html
国家选择器:https://github.com/xcarpentier/react-native-country-picker-modal
自定义图片排列:https://github.com/Luehang/react-native-masonry-list
自定义图片排列:https://github.com/brh55/react-native-masonry
html转pdf:https://github.com/christopherdro/react-native-html-to-pdf
文本框输入事件:https://github.com/baijunjie/react-native-input-scroll-view
仿支付界面输入框:https://github.com/FE-Lockie/react-native-pay-password
倒计时组件:https://github.com/talalmajali/react-native-countdown-component
url预览器:https://github.com/maherzaidoune/react-native-url-preview
反应原生的地址簿:https://github.com/cq0702/react-native-sectionlist-contacts
车速表组件:https://github.com/pritishvaidya/react-native-speedometer
车速表组件:https://github.com/LucasMonteiro1/react-native-speedometer-chart
反应原生滑动手势:https://github.com/glepur/react-native-swipe-gestures
反应原生的UI组件的集合:https://github.com/unioslo/react-native-usit-ui
自动链接:https://github.com/joshswan/react-native-autolink
多个(单个)选择:https://github.com/renrizzolo/react-native-sectioned-multi-select
浮动框:https://github.com/santomegonzalo/react-native-floating-action
城市选择器:https://github.com/LiuC520/react-native-city-pick/
符号组件:https://github.com/xiewang/react-native-emoticons
五彩纸屑:https://github.com/cdvntr/react-native-confetti
radialj渐变:https://github.com/surajitsarkar19/react-native-radial-gradient
打电话:https://github.com/tiaanduplessis/react-native-phone-call
卡片视图:https://github.com/Kishanjvaghela/react-native-cardview
多样式图片布局:https://github.com/archriss/react-native-snap-carousel
分段器:https://github.com/wix/react-native-custom-segmented-control
类似+号:https://github.com/Osedea/react-native-plus-button-box
多图上传:https://github.com/syanbo/react-native-syan-image-picker
多图裁剪:https://github.com/mg365/react-native-customized-image-picker
交互视图:https://github.com/wix/react-native-interactable
密码组件:https://github.com/includable/react-native-keycode
密码组件:https://github.com/gkueny/react-native-pin-code
解析Text文本:https://github.com/taskrabbit/react-native-parsed-text
切换选择器:https://github.com/App2Sales/react-native-switch-selector
button状态:https://github.com/sonaye/react-native-micro-animated-button
摇一摇:https://github.com/lhandel/react-native-card-stack-swiper
摇一摇:https://github.com/alexbrillant/react-native-deck-swiper
摇一摇:https://github.com/patrickkempff/react-native-shake-event
选项卡:https://github.com/exponentjs/react-native-tab-navigator
表单验证:https://github.com/gcanti/tcomb-form-native
聊天: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/joshswan/react-native-globalize
二维码: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
3D触摸:https://github.com/madriska/react-native-quick-actions
弹出框:https://github.com/beefe/react-native-actionsheet
弹出框:https://github.com/instea/react-native-popup-menu
键盘:https://github.com/reactnativecn/react-native-inputscrollview
键盘:https://github.com/wix/react-native-keyboard-aware-scrollview
键盘:https://github.com/APSL/react-native-keyboard-aware-scroll-view
键盘:https://github.com/douglasjunior/react-native-keyboard-manager
键盘:https://github.com/johanneslumpe/react-native-keyboardevents
键盘:https://github.com/Andr3wHur5t/react-native-keyboard-spacer
键盘:https://github.com/zubricky/react-native-android-keyboard-adjust
本地存储:https://github.com/sunnylqm/react-native-storage
二维码:https://github.com/lazaronixon/react-native-qrcode-reader
通讯录:https://github.com/zavven/react-native-alphabetlistview
通讯录:https://github.com/rt2zz/react-native-contacts
加密:https://www.npmjs.com/package/crypto-js
缓存管理:https://github.com/reactnativecn/react-native-http-cache
图片和base64互转:https://github.com/xfumihiro/react-native-image-to-base64
炫酷TextInput:https://github.com/beefe/react-native-textinput
炫酷TextInput:https://github.com/halilb/react-native-textinput-effects
炫酷TextInput:https://github.com/zbtang/React-Native-TextInputLayout
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
下拉刷新的listview:https://github.com/syrusakbary/react-native-refresher
下拉刷新的listview:https://github.com/FaridSafi/react-native-gifted-listview
下拉刷新的listview:https://github.com/jsdf/react-native-refreshable-listview
HTML视图:https://github.com/jsdf/react-native-htmlview
时间:https://github.com/xgfe/react-native-datepicker
时间:https://github.com/lanjingling0510/react-mobile-datepicker
时间:https://github.com/pandiaraj44/react-native-datepicker-dialog
时间:https://github.com/pinguinjkeke/react-native-wheel-datepicker
多选时间:https://github.com/Kiprosh/react-multiple-datepicker
签名:https://github.com/jgrancher/react-native-sketch
listview回到顶部:https://github.com/yzsolo/react-native-scrolltotop
高德地图: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/Yenole/react-native-easy-loading
进度条:https://github.com/bgryszko/react-native-circular-progress
进度条:https://github.com/joinspontaneous/react-native-loading-spinner-overlay
rn蓝牙通信:http://blog.csdn.net/withings/article/details/71378562
版本更新:https://github.com/parryworld/react-native-appupdate
分享组件:https://github.com/naoufal/react-native-activity-view
可折叠 :https://github.com/oblador/react-native-collapsible
网格视图:https://github.com/lucholaf/react-native-grid-view
地图 :https://github.com/mapbox/react-native-mapbox-gl
视差效果 :https://github.com/oblador/react-native-parallax
选择器:https://github.com/beefe/react-native-picker
气泡框:https://github.com/jeanregisser/react-native-popover
气泡框:https://github.com/doomsower/react-native-modal-popover
导航控制器 :https://github.com/t4t5/react-native-router
滑动选项卡:https://github.com/skv-headless/react-native-scrollable-tab-view
加载动画:https://github.com/maxs15/react-native-spinkit
加载:https://github.com/naoufal/react-native-progress-hud
SVG图片 :https://github.com/brentvatne/react-native-svgkit
iOS原生UISearchBar:https://github.com/umhan35/react-native-search-bar
iOS原生:https://github.com/wix/react-native-controllers
iOS原生TableView:https://github.com/aksonov/react-native-tableview
iOS原生UITableview:https://github.com/jondot/awesome-react-native
图标:https://github.com/oblador/react-native-vector-icons
ListView优化 :https://github.com/sghiassy/react-native-sglistview
逆向滑动:https://github.com/expo/react-native-invertible-scroll-view
颜色选择器:https://github.com/instea/react-native-color-picker
绘图库 :https://github.com/capitalone/react-native-pathjs-charts
绘图库 :https://github.com/wuxudong/react-native-charts-wrapper
3D动画:https://github.com/rastapasta/react-native-gl-model-view
通知:https://github.com/KBLNY/react-native-message-bar
搜索组件:https://github.com/agiletechvn/react-native-search-box
占位:https://github.com/mfrachet/rn-placeholder
stylesheet扩展 :https://github.com/sabeurthabti/react-native-css
stylesheet扩展 :https://github.com/vitalets/react-native-extended-stylesheet
小组件:https://github.com/xinthink/react-native-material-kit
小组件:https://github.com/react-native-training/react-native-elements
小组件:https://github.com/react-native-material-design/react-native-material-design
小组件:https://rghorbani.github.io/react-native-common/
小组件:https://github.com/GeekyAnts/NativeBase
抽屉: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/wuxudong/react-native-charts-wrapper
图表:https://github.com/tomauty/react-native-chart
日历 :https://github.com/wix/react-native-calendars
日历 :https://github.com/christopherdro/react-native-calendar
日历:https://github.com/cqm1994617/react-native-myCalendar
悬浮按钮:https://github.com/mastermoo/react-native-action-button
按钮:https://github.com/ide/react-native-button
按钮特效:https://github.com/dwicao/react-native-circle-button
酷炫折叠动画:https://github.com/jmurzy/react-native-foldview
表单:https://github.com/FaridSafi/react-native-gifted-form
颜色渐变:https://github.com/react-native-community/react-native-linear-gradient
欢迎界面:https://github.com/FuYaoDe/react-native-app-intro
启动页:https://github.com/remobile/react-native-splashscreen
启动页:https://github.com/crazycodeboy/react-native-splash-screen
可折叠:https://github.com/naoufal/react-native-accordion
单选多选:https://github.com/hinet/react-native-checkboxlist
单选按钮:https://github.com/sconxu/react-native-checkbox
照片墙:https://github.com/ldn0x7dc/react-native-gallery
星星评价:https://github.com/djchie/react-native-star-rating
跑马灯:https://github.com/remobile/react-native-marquee-label
图片加载:https://github.com/oblador/react-native-image-progress
加载:https://github.com/joinspontaneous/react-native-loading-spinner-overlay
毛玻璃:https://github.com/react-native-fellowship/react-native-blur
毛玻璃:https://github.com/voronianski/react-native-effects-view
图片查看:https://github.com/oblador/react-native-lightbox
图片组件:https://github.com/DylanVann/react-native-fast-image
图片组件:https://github.com/ascoders/react-native-image-viewer
轮播视图:https://github.com/race604/react-native-viewpager
轮播视图:https://github.com/geek-prince/react-native-page-scrollview
轮播视图:https://github.com/appintheair/react-native-looped-carousel
轮播视图:https://github.com/leecade/react-native-swiper
轮播视图:https://github.com/nick/react-native-carousel
轮播视图:https://github.com/gusgard/react-native-swiper-flatlist
弹框视图:https://github.com/maxs15/react-native-modalbox
弹框视图:https://github.com/brentvatne/react-native-modal
弹框视图:https://github.com/JamesWatling/react-native-list-view-select
弹框视图:https://github.com/bodyflex/react-native-simple-modal
图片上拉:https://github.com/lelandrichardson/react-native-parallax-view
九宫格:https://github.com/spikef/react-native-gesture-password
瀑布流:https://github.com/xudafeng/autoresponsive-react-native
图片显示:https://github.com/Dharmoslap/react-native-responsive-image
二级菜单:https://github.com/vczero/react-native-tab-menu
工具提示:https://github.com/chirag04/react-native-tooltip
本地上传:https://github.com/aroth/react-native-uploader
搜索框:https://github.com/tuantle/react-native-search-header
下拉 :https://github.com/alinz/react-native-dropdown
下拉 :https://github.com/mxck/react-native-material-menu
下拉:https://github.com/search?q=react-native-modal-dropdown
下拉:https://github.com/react-native-studio/react-native-SmartRefreshLayout
简单警告:https://github.com/testshallpass/react-native-dropdownalert

 类似资料: