美文网首页react nativereact nativeReactNative系列
React-Native开发中常用的第三方控件持续更新

React-Native开发中常用的第三方控件持续更新

作者: 8ba7c349861d | 来源:发表于2017-04-19 15:22 被阅读3090次

    2018.5.30更新:

    react-native 身份证扫描(Android版)

    https://www.npmjs.com/package/react-native-scanidcard

    2018.5.11更新:

    加载多张图片,并添加缓存,快速浏览:react-native-fast-image:

    https://github.com/DylanVann/react-native-fast-image

    React Native SSH SFTP 组件:

    https://www.jianshu.com/p/504a4b3ec34d

    React Native使用百度Echarts显示图表:

    https://www.jianshu.com/p/68cd9af0bff4

    2018.5.10更新:


    基于ART的SVG库:https://github.com/react-native-community/react-native-svg


    2018.4.19更新:

    2018 年 2 月 15 个有意思的 JavaScript 和 CSS 库:

    https://www.jianshu.com/p/bee270f34e75

    react-native-pull-refresh-view:适配Android和Ios

    https://github.com/reactnativecomponent/react-native-pull-refresh-view

    react-native适配iPhoneX 目前最简单的方法:

    http://bbs.reactnative.cn/topic/5418/react-native%E9%80%82%E9%85%8Diphonex-%E7%9B%AE%E5%89%8D%E6%9C%80%E7%AE%80%E5%8D%95%E7%9A%84%E6%96%B9%E6%B3%95

    一个ReactNative仿网易新闻的Demo:

    https://github.com/h406621397/NeteaseNews

    React Native如何使用自定义的iconfront:

    https://juejin.im/post/5ac80a265188255569193bb0


    2018.4.8更新:

    高德地图插件: https://gitee.com/1148030615/rn-AmapLocation

    脚手架:https://github.com/Murrayee/murray


    2018.3.6更新:

    React Native开发实用技巧

    https://www.jianshu.com/p/ccba80f34f33


    最灵活的UI控件库:React Native UI Lib

    https://www.jianshu.com/p/c2771ff962a4?utm_campaign=maleskine&utm_content=note&utm_medium=reader_share&utm_source=weibo


    一个android弹幕插件

    https://github.com/react-native-studio/react-native-android-danmaku


    react-native-baidumap-sdk

    与 react-native-amap3d 相似,除此之外还实现了:

    独立定位模块

    地理编码/逆地理编码

    点聚合组件

    Mastering React Native(React Native高级教程电子书)

    PDF版:Mastering React Native

    Word版:Mastering React Native

    https://www.jianshu.com/u/3a2d89402aca


    2018.2.8更新:

    React Native TTS is a text-to-speech library for React Native on iOS and Android.

    https://github.com/ak1394/react-native-tts


    2018.2.1更新:


    SuperAgent 是一个流行的第三方 Ajax 库,专注于处理服务端/客户端的 http 请求。

    对比现存的各种请求 API 库,SuperAgent 更加轻量、优雅、易读、易学。

    最重要的是它可以用于 Node.js

    GitHub 主页地址:https://github.com/visionmedia/superagent/

    原文出自:www.hangge.com  转载请保留原文链接:http://www.hangge.com/blog/cache/detail_1622.html


    2018.1.25更新:

    React Native 截屏组件

    React Native 截屏组件:react-native-view-shot,可以截取当前屏幕或者按照当前页面的组件来选择截取,如当前页面有一个图片组件,一个View组件,可以选择截取图片组件或者View组件。支持iOS和安卓。


    2018.1.5更新

    录音:

    react-native-audio

    https://github.com/jsierles/react-native-audio

    播放:

    react-native-sound

    https://github.com/zmxv/react-native-sound


    2018.1.4更新

    进度条

    https://github.com/oblador/react-native-progress

    https://www.jianshu.com/u/c79c9f26d774


    2017.12.28更新

    Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

    中文文档:https://www.kancloud.cn/yunye/axios/234845

    英文文档:https://github.com/axios/axios#using-applicationx-www-form-urlencoded-format

    使用:https://www.jianshu.com/p/df464b26ae58



    2017.12.25更新

    Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

    https://www.kancloud.cn/yunye/axios/234845


    2017.12.23更新

    react-native-router-flux 路由框架

    react-native-vector-icons 矢量字体库图标

    realm-js realm 数据库

    react-native-i18n 多语言

    react-native-image-viewer 图片预览

    react-native-modalbox 模态框

    react-native-spinkit loading

    react-native-textinput-effects 输入框

    url-parse url解析


    2017.12.19更新

    react native仿微信性别选择-自定义弹出框

    极客学院:http://wiki.jikexueyuan.com/project/react-native/


    2017.12.8更新

    react native 轮播组件:支持循环,横竖轮播,支持卡片样式显示

    https://github.com/easyui/react-native-ezswiper

    基于EZPlayer封装的视频播放器,功能丰富,快速集成,可定制性强的rn组件

    https://github.com/easyui/react-native-ezplayer


    2017.12.7更新

    https://github.com/JackPu/react-native-percentage-circle

    2017.11.28更新

    react-native-popup-dialog

    2017.11.23更新

    React Native开源特效动画封装库模块(lottie-react-native)

    开源项目地址:https://github.com/airbnb/lottie-react-native


    2017.11.13更新

    react native学习笔记13——FlatList上拉加载

    二维码扫描

    react-native-smart-barcode


    2017.10.26更新

    react native 渐变组件 react-native-linear-gradient

    github:  https://github.com/react-native-community/react-native-linear-gradient

    一个图片多选组件 react-native-syan-image-picker

    GitgHub react-native-syan-image-picker



    2017.10.17更新

    聊天组件

    aurora-imui-react-native

    使用请参考:http://www.jianshu.com/p/3557b55db81c

    2017.10.11更新

    解决键盘遮挡问题

    https://github.com/APSL/react-native-keyboard-aware-scroll-view

    2017.9.28更新

    https://github.com/cheng-kang/react-native-lahk-marquee-label-vertical

    这是一个从下向上滚动的跑马灯。

    如果需要从右往左滚动的跑马灯,请使用react-native-lahk-marquee-label


    2017.9.27更新

    react-native-keyboard-aware-scroll-view

    适用于 scrollView、ListView、FlatList、SectionList 上有输入框的问题

    解决键盘挡住输入框问题

    点击按钮让scrollView滚动到指定位置

    http://www.jianshu.com/p/e7f26851b9e8

    2017.9.15 更新

    读取PDF文件

    https://github.com/wonday/react-native-pdf

    语音播报:

    https://github.com/somonus/react-native-speech


    2017.9.11 更新

    switch 开关

    https://github.com/shahen94/react-native-switch

    IOS和Android白屏

    react-native-splash-screen

    侧滑栏

    https://github.com/root-two/react-native-drawer

    带索引的分类列表,通讯录,省市地址等

    https://github.com/rgovindji/react-native-atoz-list

    react-native之站在巨人的肩膀上

    http://www.cnblogs.com/skylor/p/5783824.html


    2017.8.29 更新

    React Native 【 第三方分享 】、【 第三方登录 】. 支持平台:QQ、QQ空间、微信、朋友圈、新浪微博、FaceBook... 【 Android、 IOS 双平台 】

    项目地址:https://github.com/songxiaoliang/react-native-share

    使用:http://blog.csdn.net/u013718120/article/details/75040805

    2017.8.22  更新

    基于FlatList的下拉、上拉刷新组件

    react-native-refresh-list-view

    倒计时组件

    https://github.com/ljunb/rn-countdown

    react-native-agora 基于Agora(YY技术团队)直播,视频会议组件

    https://github.com/DBshaoYan/react-native-agora

    相关资源文章

    https://yq.aliyun.com/articles/78154?t=t1

    http://www.jianshu.com/p/53ff78168acc

    少停的博客分享

    扫描二维码

    https://github.com/MarnoDev/AC-QRCode-RN

    复选按钮--checkbox

    https://github.com/crazycodeboy/react-native-check-box

    单选按钮-radioButton

    https://github.com/wayne214/react-native-flexi-radio-button

    http://makaidong.com/sinat_17775997/1/322_11689039.html

    持久化存储

    https://github.com/almost/react-native-sqlite

    https://realm.io/docs/react-native/latest/

    获取权限

    https://github.com/yonahforst/react-native-permissions

    文件上传

    https://github.com/eduedix/react-native-networking

    拍照:

    https://github.com/remobile/react-native-camera

    视频录制:

    https://github.com/phuochau/react-native-beautiful-video-recorder

    react-native-camera是一个第三方的开源库,我们可以通过它来调用设备的摄像头,

    从而实现拍照、或者录像功能。

    react-native-camera功能强大,我们可以选择使用哪个摄像头、是拍照还是录像、是否录制声音、是否开启闪光灯、视图比例、拍摄质量、拍摄方向、触摸功能、条形码/二维码扫描等等。

    GitHub主页地址:https://github.com/lwansbrough/react-native-camera

    一个功能完善的 react-native 高德地图组件:

    https://github.com/qiuxiang/react-native-amap3d

    React Native中的懒加载(lazyload)

    https://github.com/magicismight/react-native-lazyload

    图片缓存方案:

    https://github.com/wcandillon/react-native-img-cache

    https://github.com/remobile/react-native-cache-image

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

    手势缩放图片:

    https://github.com/ldn0x7dc/react-native-transformable-image

    弹框-全遮盖的弹出层

    react-native-modalbox

    诸多reactNative第三方控件,助大家一臂之力

    https://js.coach/react-native

    IOS or Android白屏问题

    react-native-splash-screen

    Toast吐司:

    https://github.com/remobile/react-native-toast

    https://github.com/crazycodeboy/react-native-easy-toast

    https://github.com/RazerTang/react-native-root-toast2

    日历控件:

    https://github.com/airbnb/react-dates

    https://github.com/wix/react-native-calendars/blob/master/README.md

    https://www.npmjs.com/package/react-native-calendars

    加解密库:

    crypto-js

    时间选择器

    react-native-picker

    https://github.com/beefe/react-native-picker

    坐标转换

    以后处理坐标转换可能会用到的,用到的时候再看https://github.com/wandergis/coordtransform

    Button按钮

    简单的按钮控件

    https://github.com/APSL/react-native-button

    react-native-speech

    语音播报组件

    react-native-snap-carousel

    简单的轮播框组件,带有断裂效果,应用于Android和iOS

    调用系统的电话、短信、邮件、浏览器:

    三方组件:react-native-communications

    地址:https://github.com/anarchicknight/react-native-communications

    网址里面的 README.md 写的非常的清楚,而且还有例子可供参考,相当方便,iOS和Android亲测没有问题

    强烈推荐大家看一下

    轮播图:npm install react-native-swiper--save

    倒计时:npm install react-native-sk-countdown --save

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

    react-native-uploader //文件上传

    https://github.com/aroth/react-native-uploader

    0.gif

    jpush-react-native //官方版本

    https://github.com/jpush/jpush-react-native

    react-native-jpush 由 React Native 中文网开发维护。

    https://github.com/reactnativecn/react-native-jpush

    pouchdb-react-native pouchdb插件

    react-native-animatable 动画

    react-native-carousel 轮播

    react-native-countdown 倒计时

    https://github.com/jackuhan/react-native-CountDowntimer 倒计时

    react-native-device-info 设备信息

    react-native-fileupload 文件上传

    react-native-icons 图标

    https://github.com/oblador/react-native-vector-icons 图标

    react-native-image-crop-picker 图片选择器

    react-native-image-picker 图片选择器

    关于图片选择器的配置:http://www.cnblogs.com/shaoting/p/6148085.html

    react-native-keychain iOS KeyChain管理

    react-native-picker滚轮选择器: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/lovebing/react-native-baidu-map

    动画

    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

    日历弹出@IOS和Android

    https://github.com/wayne214/react-native-modal-datetime-picker

    语言转化和一些常用格式转换

    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/wayne214/react-native-swRefresh

    下拉选择

    https://github.com/alinz/react-native-dropdown

    https://github.com/WheelerLee/react-native-dropdown-menu

    图片查看

    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

    http://www.jianshu.com/p/e3ee0ab1eb82

    react native仿微信性别选择-自定义弹出框

    Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。

    react-native-progress

    react-native-baidumap-sdk

    与 react-native-amap3d 相似,除此之外还实现了:

    独立定位模块

    地理编码/逆地理编码

    点聚合组件

    最灵活的UI控件库:React Native UI Lib

    React Native开发实用技巧

     https://gitee.com/1148030615/rn-AmapLocation

    https://github.com/easyui/react-native-ezswiper

    相关文章

      网友评论

      本文标题:React-Native开发中常用的第三方控件持续更新

      本文链接:https://www.haomeiwen.com/subject/vhchzttx.html