教程 框架 组件 接口 其他

refresh-header 1090+

概述

refresh2 下拉刷新顶部容器

子组件

支持

属性

名称类型默认值必填描述
dragRate<number>0.5header 移动速度。
dragRate= header 移动距离 / 手势移动距离。
triggerRatio<number>0.7header 触发更新时的移动距离。
trigger距离 = triggerRatio * header 的高度。
优先级低于triggerSize
tiggerSize<number>0header 触发更新时的移动距离值,大于 0 时生效。
优先级高于 triggerRatio。
单位:px
maxDragRatio<number>1header 能够移动的最大距离。
最大距离 maxDragRatio * header 高度
maxDragSize<number>0header 能够移动的最大距离。
大于 0 时生效。
优先级高于 maxDragRatio
单位:px
refreshDisplayRatio<number>0.7header 正在刷新时的显示高度。
显示高度 = refreshDisplayRatio * header 高度
header 默认为 0.7
refreshDisplaySize<number>0header 正在刷新时的显示高度,大于0时生效。
优先级高于 refreshDisplayRatio
单位:px
spinnerstyle<String>translationheader 的显示风格。
支持如下 3 种类型:
translation:header 移动时,content 也会随着移动
front:header 在 content 上面显示,content 不会随着 header 移动
behind:header 在 content 的下面显示,content 不会随着 header 移动
autoRefresh<boolean>false滑动到顶部是否自动加载
translationWithContent<boolean>falseheader: 默认为 false ,在刷新时固定显示

事件

名称参数描述
move{ scrollY:number,
percent:number,
isDrag:boolean,
refreshing:boolean}
header 移动时的参数回调。
scrollY: header 相对于初始位置的移动距离。header 在下拉的时候,scrollY 相对于初始位置为正数。
percent:header 移动的距离 / header触发更新距离。即当 percent >= 1f 时会触发刷新。
isDrag:是否手势拖动。
refreshing: 当前是否处理刷新状态( 刷新状态下也可移动 )

条匹配 "" 的结果

    没有搜索到与 "" 相关的内容