React Native中的RefreshContorl下拉刷新使用


Posted in Javascript onOctober 09, 2017

我们知道App中都有下拉加载,在React Native中也有类似的控件

一、属性方法

(1) onRefresh function 在视图开始刷新的时候调用

(2) refreshing bool 视图是否在刷新时显示指示器,也表明当前是否在刷新中

(3) colors [ColorPropType] android平台适用 进行设置加载进去指示器的颜色,至少设置一种,最多可以设置4种

(4) enabled bool android平台适用 用来设置下拉刷新功能是否可用

(5) progressBackgroundColor ColorPropType 设置加载进度指示器的背景颜色

(6) size RefreshLayoutConsts.SIZE.DEFAULT android平台适用 加载进度指示器的尺寸大小

(7) tintColor ColorPropType iOS平台适用 设置加载进度指示器的颜色

(8)title string iOS平台适用 设置加载进度指示器下面的标题文本信息

二、使用方法

<ScrollView
    refreshControl={
     <RefreshControl
      refreshing={this.state.isRefreshing}
      onRefresh={this._onRefresh}
      tintColor="#ff0000"
      title="Loading..."
      titleColor="#00ff00"
      colors={['#ff0000', '#00ff00', '#0000ff']}
      progressBackgroundColor="#ffff00"
     />
    }
/>
 
_onRefresh() {
     this.setState({
       isRefreshing:true
     });
     
     var self = this;
     setTimeout(()=>{
 
      //加载数据
     },2000)
}

这样就出现加载效果了

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript Undefined,Null类型和NaN值区别
Oct 22 Javascript
Ext 今日学习总结
Sep 19 Javascript
javascript:void(0)的问题使用探讨
Apr 10 Javascript
Web表单提交之disabled问题js解决方法
Jan 13 Javascript
JavaScript中for循环的使用详解
Jun 03 Javascript
使用JS批量选中功能实现更改数据库中的status状态值(批量展示)
Nov 22 Javascript
JavaScript代码判断输入的字符串是否含有特殊字符和表情代码实例
Aug 17 Javascript
javascript实现Emrips反质数枚举的示例代码
Dec 06 Javascript
angularjs实现table增加tr的方法
Feb 27 Javascript
ES6中Symbol、Set和Map用法详解
Aug 20 Javascript
layui异步加载table表中某一列数据的例子
Sep 16 Javascript
使用vue-router切换页面时实现设置过渡动画
Oct 31 Javascript
JS实现的全排列组合算法示例
Oct 09 #Javascript
js + css实现标签内容切换功能(实例讲解)
Oct 09 #Javascript
jQuery ajax调用webservice注意事项
Oct 08 #jQuery
js用类封装pop弹窗组件
Oct 08 #Javascript
利用js编写网页进度条效果
Oct 08 #Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
Oct 08 #Javascript
JS动态修改网页body的背景色实例代码
Oct 07 #Javascript
You might like
发款php蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例
2014/06/23 PHP
微信接口生成带参数的二维码
2017/07/31 PHP
基于Jquery的跨域传输数据(JSONP)
2011/03/10 Javascript
各浏览器对click方法的支持差异小结
2011/07/31 Javascript
js、css、img等浏览器缓存问题的2种解决方案
2013/10/23 Javascript
jquery简单实现滚动条下拉DIV固定在头部不动
2013/11/25 Javascript
JavaScript识别网页关键字并进行描红的方法
2015/11/09 Javascript
jQuery实现点击按钮文字变成input框点击保存变成文字
2016/05/09 Javascript
使用snowfall.jquery.js实现爱心满屏飞的效果
2017/01/05 Javascript
jQuery插件form-validation-engine正则表达式操作示例
2017/02/09 Javascript
微信小程序开发之toast提示插件使用示例
2017/06/08 Javascript
React-Native之定时器Timer的实现代码
2017/10/04 Javascript
在微信小程序中渲染HTML内容的方法示例
2018/09/28 Javascript
微信小程序获取用户信息及手机号(后端TP5.0)
2019/09/12 Javascript
Node.js学习之内置模块fs用法示例
2020/01/22 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
2020/08/06 Javascript
Python3连接MySQL(pymysql)模拟转账实现代码
2016/05/24 Python
Python3实现并发检验代理池地址的方法
2016/09/18 Python
python实现单线程多任务非阻塞TCP服务端
2017/06/13 Python
Python搭建Spark分布式集群环境
2019/07/05 Python
8种用Python实现线性回归的方法对比详解
2019/07/10 Python
解决Python3 抓取微信账单信息问题
2019/07/19 Python
python tkinter库实现气泡屏保和锁屏
2019/07/29 Python
Python定时从Mysql提取数据存入Redis的实现
2020/05/03 Python
快速了解Python开发环境Spyder
2020/06/29 Python
法国在线药房:DoctiPharma
2020/10/21 全球购物
Lungolivigno Fashion官网:高级时装在线购物
2020/10/17 全球购物
初中生自我评价
2014/02/01 职场文书
致共产党员倡议书
2014/04/16 职场文书
领导干部遵守党的政治纪律情况思想汇报
2014/09/14 职场文书
服务员岗位职责
2015/02/03 职场文书
歌剧魅影观后感
2015/06/05 职场文书
会计继续教育培训心得体会
2016/01/19 职场文书
Mysql实现简易版搜索引擎的示例代码
2021/08/30 MySQL
mysql 联合索引生效的条件及索引失效的条件
2021/11/20 MySQL