44 lines (26 loc) · 1.46 KB

`<refresh>`

<refresh> 为 <scroller> 和 <list> 提供下拉加载功能。用法与特性与 <loading> 类似，<scroller> 和 <list> 的子组件，且只能在被 <scroller> 和 <list> 包含时才能被正确的渲染。

子组件

<text>
<image>
<loading-indicator>: <refresh> 和 <loading> 组件的子组件，拥有默认的动画效果的实现。

特性

display {string}：可选值为 show 或者 hide，仅隐藏 <indicator>，<loading> 其他子组件依然可见，<loading> 事件仍会被触发。

样式

支持所有通用样式。

盒模型
flexbox 布局
position
opacity
background-color

查看组件通用样式

事件

refresh：当 <scroller>/<list> 被下拉时触发。
pullingdown：仅在 Android 支持。当 <scroller>/<list> 被下拉时触发，可以从事件的参数对象中获取 dy，headerHeight，maxHeight

约束

<refresh> 不支持 remove，v0.9 版本会修复。
display 值为 show 或 hide。仅隐藏 <indicator>，<refresh> 其他子组件依然可见，refresh 事件仍会被触发。

如果需要 <refresh> hide 时隐藏文案并不再触发事件，有两种解决方法：
1. 修改提示文案，并在 refresh 事件中添加判断逻辑；
2. v0.9+ 可通过 remove 解决。
只能通过 display 特性进行展示和隐藏，且必须成对出现，即设置 display="show",必须有对应的 display="hide"。