教程 框架 组件 接口 其他

refresh-footer 1090+

概述

refresh2 下拉刷新底部容器

子组件

支持

属性

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

事件

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

条匹配 "" 的结果

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