zoukankan      html  css  js  c++  java
  • React Native常用第三方组件汇总--史上最全[转]

    本文出处:

    http://blog.csdn.net/chichengjunma/article/details/52920137

    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

  • 相关阅读:
    显因子模型简介
    关联规则中最小支持度和最小置信度
    Matlab读取音频数据
    初识禁忌搜索算法
    Word中将图表变为表格
    明尼苏达推荐系统导论(第一课 欢迎来到RS)
    python复杂网络分析库NetworkX
    python使用zlib实现压缩与解压字符串
    PostgreSQL 对字段大小写敏感
    pycharm快捷键及一些常用设置
  • 原文地址:https://www.cnblogs.com/franson-2016/p/7138725.html
Copyright © 2011-2022 走看看