React Native中的RefreshContorl下拉刷新使用

React Native中的RefreshContorl下拉刷新使用

我们知道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平台适用 设置加载进度指示http://器的颜色

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

二、使用方法

refreshControl={

refreshing={this.state.isRefreshing}

onRefresh={this._onRefresh}

tintColor=http://"#ff0000"

title="Loading..."

titleColor="#00ff00"

colors={['#ff0000', '#00ff00', '#0000ff']}

progressBackgroundColor="#ffff00"

/>

}

/>

_onRefresh() {

this.setState({

isRefreshing:true

});

var self = this;

setTimeout(()=>{

//加载数据

},2000)

}

这样就出现加载效果了

refreshControl={

refreshing={this.state.isRefreshing}

onRefresh={this._onRefresh}

tintColor=http://"#ff0000"

title="Loading..."

titleColor="#00ff00"

colors={['#ff0000', '#00ff00', '#0000ff']}

progressBackgroundColor="#ffff00"

/>

}

/>

_onRefresh() {

this.setState({

isRefreshing:true

});

var self = this;

setTimeout(()=>{

//加载数据

},2000)

}

这样就出现加载效果了

refreshing={this.state.isRefreshing}

onRefresh={this._onRefresh}

tintColor=http://"#ff0000"

title="Loading..."

titleColor="#00ff00"

colors={['#ff0000', '#00ff00', '#0000ff']}

progressBackgroundColor="#ffff00"

/>

}

/>

_onRefresh() {

this.setState({

isRefreshing:true

});

var self = this;

setTimeout(()=>{

//加载数据

},2000)

}

这样就出现加载效果了

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。