HarmonyOS 下拉刷新组件,顶部padding会导致下拉刷新的UI暴露出来
build() {
Column(){
Flex({ direction: FlexDirection.Column }){
UserInfoHeader()
Refresh({ refreshing: $$this.isRefreshing, builder: this.customRefreshComponent() }) {
List({ space: 12, initialIndex: 0 }){
ForEach(this.cards,(item:CardData)=>{
ListItem(){
...//自定义Card
}
})
}
.padding({left:12,right:12,top:12})
.scrollBar(BarState.Off)
}
.onStateChange((refreshStatus: RefreshStatus) => {
console.info('Refresh onStatueChange state is ' + refreshStatus)
})
.onRefreshing(() => {
this.refresh()
setTimeout(() => {
this.isRefreshing = false
}, 5000)
console.log('onRefreshing test')
})
.backgroundColor(0x89CFF0)
.backgroundColor('#F0F1F5')
}
}
}
以上代码,下拉刷新列表顶部有一个固定高度的Header,希望列表和header有一个间距,但是设置padding或者margin,当出现间距时,总会露出来刷新组件。
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
HarmonyOS 组件的下拉刷新问题
365浏览 • 1回复 待解决
HarmonyOS refresh组件下拉刷新是不是不能自定义顶部刷新时的样式?
202浏览 • 1回复 待解决
上拉加载,下拉刷新组件
312浏览 • 1回复 待解决
HarmonyOS 下拉刷新功能
137浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
665浏览 • 1回复 待解决
HarmonyOS 首页下拉刷新异常
167浏览 • 1回复 待解决
如何使用Swiper组件实现下拉刷新
711浏览 • 1回复 待解决
有基于ListContainer下拉刷新 像安卓中listview的第三方下拉刷新布局
6189浏览 • 2回复 待解决
HarmonyOS 下拉刷新的时候没有更新数据
173浏览 • 1回复 待解决
pulltorefresh下拉触发刷新高度设置以及下拉背景的设置
1069浏览 • 1回复 待解决
ArkTS的List组件如何实现下拉刷新效果?
777浏览 • 1回复 待解决
有谁知道web组件如何下拉刷新
1919浏览 • 1回复 待解决
HarmonyOS ArkWeb如何实现下拉刷新功能
359浏览 • 1回复 待解决
Refresh结合lottie实现下拉刷新动画
1029浏览 • 1回复 待解决
Refresh组件嵌套scroller组件再嵌套List组件后自定义顶部下拉刷新异常
190浏览 • 1回复 待解决
使用到下拉刷新的场景,发现有refresh这个组件,但是文档上没有说明是否可自己设置下拉距离触发刷新
1706浏览 • 1回复 待解决
刷新显示状态,希望自定义一个刷新组件,通过刷新状态的不同显示不同字段包括下拉刷新,释放刷新
760浏览 • 1回复 待解决
"@ohos/pulltorefresh": "^2.0.5", 这个组件是你们官方的下拉刷新控件吗?
65浏览 • 1回复 待解决
Refresh组件在刷新的过程中,能知道下拉的高度吗
1652浏览 • 1回复 待解决
HarmonyOS 基于pulltorefresh依赖,提供下拉刷新二楼demo
298浏览 • 1回复 待解决
HarmonyOS 是否有官方维护的上拉/下拉刷新库?
91浏览 • 1回复 待解决
Swiper组件的手动切换和下拉刷新手势期望互斥,当前可以并发
885浏览 • 1回复 待解决
基于PullToRefresh实现横向下拉刷新与加载更多
1390浏览 • 1回复 待解决
下拉刷新和上拉加载的API为9的sdk
2720浏览 • 1回复 待解决
HarmonyOS 刷新列表中的某个ITEM,会导致整个ITEM都刷新,有单独刷新某个控件的办法吗?
279浏览 • 1回复 待解决
建议不要设置padding,把加载loading放在customRefreshComponent里。参考官网文档示例2写法:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-refresh-V5#示例2