refreshcontrol 实现下拉刷新的功能

Posted 雪昀

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了refreshcontrol 实现下拉刷新的功能相关的知识,希望对你有一定的参考价值。

     该组件实现下拉刷新的功能。不过该组件是用在ScrollView的内部的,为ScrollView添加一个下拉刷新的功能。当ScrollView的垂直方向的偏移量scrollY:0的时候,手指往下拖拽ScrollView就会触发onRefresh事件方法。

相关的属性:

  1. onRefresh  function方法 当视图开始刷新的时候调用
  2. refreshing  bool  决定加载进去指示器是否为活跃状态,也表名当前是否在刷新中
  3. colors [ColorPropType]   android平台适用  进行设置加载进去指示器的颜色,至少设置一种,最好可以设置4
  4. enabled  bool   android平台适用   用来设置下拉刷新功能是否可用
  5. progressBackgroundColor ColorPropType  设置加载进度指示器的背景颜色
  6. size RefreshLayoutConsts.SIZE.DEFAULT  android平台适用  加载进度指示器的尺寸大小 ,具体可以查看RefreshControl.SIZE
  7. tintColor ColorPropType   ios平台适用  设置加载进度指示器的颜色
  8. title string iOS平台适用  设置加载进度指示器下面的标题文本信息

以上是关于refreshcontrol 实现下拉刷新的功能的主要内容,如果未能解决你的问题,请参考以下文章

ReactNative进阶(十七):RefreshControl组件实现刷新效果

react native 中的组件在 RefreshControl 中自行更新

使用 RefreshControl 异步刷新

UICollectionViewController 中的下拉刷新

react + antd-mobile 的listview 在h5移动网页端的下拉刷新和上滑加载的实现

React Native refreshControl 在下拉之前显示