React Native常用第三方组件

金毅
2023-12-01

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

react-native-animatable 动画

react-native-carousel 轮播

react-native-looped-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.

react-native-material-kit material组件库(各种漂亮的小组件)

base组件库(各种封装不错的小组件)
http://nativebase.io/docs/v0.4.6/components#anatomy
https://github.com/GeekyAnts/NativeBase

react-native-action-button react-native-button 不错的按钮

tcomb-form-native react-native-gifted-form snowflake 输入框表单验证

react-native-textinput-effects React-Native-TextInputLayout 炫酷效果的TextInput

react-native-gifted-chat 聊天

react-native-maps 地图

react-native-animatable 动画

react-native-spinkit 加载动画

react-native-drawer react-native-side-menu 抽屉效果

react-native-swipeout react-native-swipe-list-view 侧滑按钮

react-native-chart 图表

react-native-parallax-view 下拉放大

react-native-myCalendar react-native-calendar 日历组件

react-native-globalize 语言转化和一些常用格式转换

react-native-checkboxlist 单选多选ListView

react-native-checkbox 选择按钮

react-native-barcodescanner 二维码

react-native-camera 照相机

react-native-create-library 制作本地库

react-native-record-sound 影音相关

react-native-audio-android 安卓录音

react-native-message-bar 提示消息的Bar

react-native-tableview iOS原生TableView

react-native-popover react-native-popup-menu 点击弹出视图

react-native-quick-actions 3D Touch

react-native-actionsheet 双平台兼容的ActionSheet

react-native-gallery 照片墙

react-native-inputscrollview react-native-keyboard-aware-scrollview 键盘遮挡问题

react-native-storage 本地存储

react-native-star-rating 星星

react-native-globalize 国际化

react-native-qrcode-reader 扫描二维码

react-native-contacts 通讯录

crypto-js 加密

react-native-http-cache 缓存管理

react-native-sglistview ListView的优化

react-native-image-to-base64 图片和base64互转

rn-splash-screen 安卓 iOS 白屏解决

react-native-marquee-label Text跑马灯效果

react-native-textinput 清除按钮的输入框

react-native-webview-bridge WebView相关

react-native-orientation 判断横竖屏

react-native-pdf-view PDF

react-native-device-info 获取设备信息

react-native-gestures react-native-gesture-recognizers 手势放大缩小移动

react-native-gifted-listview react-native-refreshable-listview react-native-pull 下拉-上拉-刷新

react-native-dropdown 下拉选择

react-native-lightbox 图片查看

react-native-image-picker react-native-image-crop-picker 照片选择

react-native-image-progress 图片加载进度条

react-native-htmltext 文本解析控件

react-native-viewpager react-native-app-intro react-native-looped-carousel react-native-swiper轮播视图

react-native-modalbox react-native-modal react-native-simple-modal 模态视图

react-native-blur 毛玻璃效果

react-native-vector-icons 头像库

react-native-scrollable-tab-view 滑动选项卡

A ScrollView-like component that:
Has a parallax header
Has an optional sticky header
Is composable with any component that expects a ScrollView (e.g. ListView or InfiniteScrollView)
Can be nested within other views
Works on iOS and Android
react-native-parallax-scroll-view

react-native-htmlview 将 HTML 目录作为本地视图的控件

工程目录下终端输入  npm install  xxx  save

参考文档:
awesome-react-native
js.coach

 类似资料: