• React Native常用第三方组件汇总--史上最全 之一



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


    react-native-animatable 动画


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



    选项卡   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/vczero/react-native-calendar


    语言转化和一些常用格式转换
    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



    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


    加密crypto-js

    https://github.com/brix/crypto-js


    将 HTML 目录作为本地视图的控件  react-native-htmlview
    https://github.com/jsdf/react-native-htmlview


    工程目录下终端输入  npm i  XXX  save


    另附链接:

    https://github.com/jondot/awesome-react-native

    https://github.com/MarnoDev/react-native-open-project


    大家关注我的微信公众号,这篇文章是否被大家认可,我的衡量标准就是公众号粉丝增长人数。欢迎大家转载,但必须保留本人博客链接!

     


  • 相关阅读:
    IBatis学习总结之动态拼sql
    IBatis学习总结
    帝都残暴的.net 之旅 (Martin Fowler 有留言哦)
    简洁实用的WordPress模板
    发现一位同行特牛
    app爬虫--mitmproxy用法梳理
    [转]数据库设计中的14个技巧
    [转] sql数据类型 varchar与nvarchar的区别
    web工作原理
    Xcode6 LaunchImage尺寸
  • 原文地址:https://www.cnblogs.com/gdsblog/p/7106859.html
Copyright © 2020-2023  润新知