refreshcontrol 实现下拉刷新的功能
Posted 雪昀
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了refreshcontrol 实现下拉刷新的功能相关的知识,希望对你有一定的参考价值。
该组件实现下拉刷新的功能。不过该组件是用在ScrollView的内部的,为ScrollView添加一个下拉刷新的功能。当ScrollView的垂直方向的偏移量scrollY:0的时候,手指往下拖拽ScrollView就会触发onRefresh事件方法。
相关的属性:
- onRefresh function方法 当视图开始刷新的时候调用
- refreshing bool 决定加载进去指示器是否为活跃状态,也表名当前是否在刷新中
- colors [ColorPropType] android平台适用 进行设置加载进去指示器的颜色,至少设置一种,最好可以设置4种
- enabled bool android平台适用 用来设置下拉刷新功能是否可用
- progressBackgroundColor ColorPropType 设置加载进度指示器的背景颜色
- size RefreshLayoutConsts.SIZE.DEFAULT android平台适用 加载进度指示器的尺寸大小 ,具体可以查看RefreshControl.SIZE
- tintColor ColorPropType ios平台适用 设置加载进度指示器的颜色
- title string iOS平台适用 设置加载进度指示器下面的标题文本信息
以上是关于refreshcontrol 实现下拉刷新的功能的主要内容,如果未能解决你的问题,请参考以下文章
ReactNative进阶(十七):RefreshControl组件实现刷新效果
react native 中的组件在 RefreshControl 中自行更新
UICollectionViewController 中的下拉刷新