我们知道app中都有下拉加载,在react native中也有类似的控件,本文主要介绍了react native中的refreshcontorl下拉刷新使用,希望能帮助到大家。
一、属性方法
(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)
}
这样就出现加载效果了。
相关推荐:
mescroll.js上拉加载下拉刷新组件详解
dropload.js插件下拉刷新和上拉加载方法
微信小程序列表下拉刷新及上拉加载的实现方法分析
以上就是react native中refreshcontorl下拉刷新教程的详细内容。