博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
React-Native开发中常用的第三方控件持续更新
阅读量:7143 次
发布时间:2019-06-29

本文共 6570 字,大约阅读时间需要 21 分钟。

十一假期已经过去了,今天正式开工了,这里的文章我会持续进行更新,希望为开发的小伙伴们提供点帮助,如果能帮到你们,我就心满意足了。

十一假期学习撸了一个小程序,欢迎各位朋友进行关注,代码已经在gitHub上开源:

清风天气

清风天气

2018.10.10更新:

格式化输入框textInput:

2018.10.8更新:

美团开源的ReactNative库,做了Android和IOS两端的统一,其设计思想值得大家学习一下

2018.9.25更新:

react-native使用蚂蚁金服的antd-mobile组件库教程

2018.9.20更新:

设置Android的阴影显示

用户反馈

2018.9.7更新:

添加事件到日历:

2018.8.23更新:

动态修改Android的softmodule:

react-native-android-keyboard-adjust

2018.8.9更新:

资源列表:

2018.7.31更新:

推荐一个不错的React Native 组件和库的资源列表:

2018.7.27更新:

几个UI组件库:

react-native-elements

NativeBase

react-native-ui-lib

React Native UI 组件库, 超过 20 个纯 JS(ES6) 组件, 专注于内容展示和操作控制。

2018.7.18更新:

前辈整理的第三方:

[]

升级版的webview用于安卓平台:react-native-webview-android

和listview搭配可以进行 内容从底部开始进行渲染

react-native-invertible-scroll-view

2018.7.5更新:

网格布局:

性能优化的可拖动排序的标签组件react-native-drag-to-sort-tags

2018.6.26更新:

网络请求框架:

2018.6.20更新:

一个IOS样式的跨平台(cross-platform)平台的switch组件

基于android SmartRefreshLayout 开发的插件,可提供类似ios的弹性刷新

2018.6.8更新:

跨平台数据库开发组件:

生成二维码:

生成各类图表:

基于 React Native 实现的支付宝钱包 UI 界面:

集成微信功能:

对ListView/FlatList的封装,可以很方便的分页加载网络数据,还支持自定义下拉刷新View和上拉加载更多的View

时间选择框

2018.6.7更新:

悬浮效果的按钮:

下拉框控件react-native-modal-dropdown

跨三端开发模块(Android/Ios/Web)+ 状态管理框架dva

2018.5.30更新:

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

2018.5.11更新:

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

React Native SSH SFTP 组件:

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

2018.5.10更新:

基于ART的SVG库:

2018.4.19更新:

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

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

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

一个ReactNative仿网易新闻的Demo:

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

2018.4.8更新:

高德地图插件:

脚手架:

2018.3.6更新:

React Native开发实用技巧

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

一个android弹幕插件

react-native-baidumap-sdk

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

独立定位模块

地理编码/逆地理编码

点聚合组件

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

PDF版:Mastering React Native

Word版:Mastering React Native

2018.2.8更新:

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

2018.2.1更新:

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

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

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

GitHub 主页地址:

原文出自: 转载请保留原文链接:

2018.1.25更新:

React Native 截屏组件

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

2018.1.5更新

录音:

react-native-audio

播放:

react-native-sound

2018.1.4更新

进度条

2017.12.28更新

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

中文文档:

英文文档:

使用:

2017.12.25更新

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

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仿微信性别选择-自定义弹出框

极客学院:

2017.12.8更新

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

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

2017.12.7更新

2017.11.28更新

react-native-popup-dialog

2017.11.23更新

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

开源项目地址:

2017.11.13更新

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

二维码扫描

react-native-smart-barcode

2017.10.26更新

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

github:

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

GitgHub react-native-syan-image-picker

2017.10.17更新

聊天组件

aurora-imui-react-native

使用请参考:

2017.10.11更新

解决键盘遮挡问题

2017.9.28更新

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

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

2017.9.27更新

react-native-keyboard-aware-scroll-view

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

解决键盘挡住输入框问题

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

2017.9.15 更新

读取PDF文件

语音播报:

2017.9.11 更新

switch 开关

IOS和Android白屏

react-native-splash-screen

侧滑栏

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

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

2017.8.29 更新

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

项目地址:

使用:

2017.8.22 更新

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

react-native-refresh-list-view

倒计时组件

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

相关资源文章

少停的博客分享

扫描二维码

复选按钮--checkbox

单选按钮-radioButton

持久化存储

获取权限

文件上传

拍照:

视频录制:

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

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

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

GitHub主页地址:

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

React Native中的懒加载(lazyload)

图片缓存方案:

手势缩放图片:

弹框-全遮盖的弹出层

react-native-modalbox

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

IOS or Android白屏问题

react-native-splash-screen

Toast吐司:

日历控件:

加解密库:

crypto-js

时间选择器

react-native-picker

坐标转换

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

Button按钮

简单的按钮控件

react-native-speech

语音播报组件

react-native-snap-carousel

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

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

三方组件:react-native-communications

地址:

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

强烈推荐大家看一下

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

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

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

react-native-uploader //文件上传

0.gif

jpush-react-native //官方版本

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

pouchdb-react-native pouchdb插件

react-native-animatable 动画

react-native-carousel 轮播

react-native-countdown 倒计时

倒计时

react-native-device-info 设备信息

react-native-fileupload 文件上传

react-native-icons 图标

图标

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

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

关于图片选择器的配置:

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组件库(各种漂亮的小组件)

点击打开链接

base组件库(各种封装不错的小组件)

点击打开链接

不错的按钮

输入框表单验证

炫酷效果的 TextInput

聊天

地图

动画

加载动画

抽屉效果

侧滑按钮

图表

下拉放大

可滑动的日历组件

日历弹出@IOS和Android

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

单选多选ListView

选择按钮

二维码

制作本地库

影音相关

安卓录音

提示消息的Bar

iOS原生TableView

点击弹出视图

3D Touch

双平台兼容的ActionSheet

照片墙

键盘遮挡问题

本地存储

星星

国际化

扫描二维码

通讯录

加密

缓存管理

ListView的优化

图片和base64互转

安卓 iOS 白屏解决

Text跑马灯效果

清除按钮的输入框

WebView相关

判断横竖屏

PDF

获取设备信息

手势放大缩小移动

下拉-上拉-刷新

上拉加载-下拉刷新

下拉选择

图片查看

照片选择

图片加载进度条

轮播视图

模态视图

毛玻璃效果

头像库

滑动选项卡

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

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://juejin.im/post/5bcd7b1fe51d457ac8424af5

你可能感兴趣的文章
口袋笔记VS松鼠笔记
查看>>
silverlight 将chart图倒入到excel
查看>>
LeetCode – Refresh – Word Search
查看>>
ADO.NET笔记——使用Connection连接数据库,使用Command对象的ExecuteReader()方法创建DataReader对象返回多行数据...
查看>>
HDU sum问题
查看>>
C语言基础知识汇总
查看>>
数字高程模型和地图——thematicmapping.org译文(一)
查看>>
8-5 泛型类型擦除
查看>>
正文处理命令及tar命令
查看>>
实习第三周小记-----生活在于经历 分类: 程序人生 ...
查看>>
将excel中的数据转为json格式
查看>>
字典操作
查看>>
[洛谷P2839][国家集训队]middle
查看>>
《求一个数组的连续的最大子数组之和》
查看>>
设置行间距,自适应文字大小
查看>>
资金流学习-广州发展
查看>>
python基础3(元祖、字典、深浅copy、集合、文件处理)
查看>>
正确编写Designated Initializer的几个原则
查看>>
iOS播放动态GIF图片
查看>>
获取版本号
查看>>