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 refresh组件下拉刷新是不是不能自定义顶部刷新时的样式?
323浏览 • 1回复 待解决
HarmonyOS 组件的下拉刷新问题
499浏览 • 1回复 待解决
HarmonyOS Web 组件添加下拉刷新,使用pulltorefresh 的下拉刷新会有手势冲突问题
81浏览 • 1回复 待解决
上拉加载,下拉刷新组件
438浏览 • 1回复 待解决
HarmonyOS 下拉刷新功能
223浏览 • 1回复 待解决
HarmonyOS Web组件怎么添加下拉刷新
54浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
893浏览 • 1回复 待解决
HarmonyOS 首页下拉刷新异常
345浏览 • 1回复 待解决
如何使用Swiper组件实现下拉刷新
830浏览 • 1回复 待解决
有基于ListContainer下拉刷新 像安卓中listview的第三方下拉刷新布局
6292浏览 • 2回复 待解决
HarmonyOS 下拉刷新的时候没有更新数据
325浏览 • 1回复 待解决
pulltorefresh下拉触发刷新高度设置以及下拉背景的设置
1225浏览 • 1回复 待解决
ArkTS的List组件如何实现下拉刷新效果?
962浏览 • 1回复 待解决
有谁知道web组件如何下拉刷新
2004浏览 • 1回复 待解决
Refresh组件嵌套scroller组件再嵌套List组件后自定义顶部下拉刷新异常
325浏览 • 1回复 待解决
HarmonyOS ArkWeb如何实现下拉刷新功能
520浏览 • 1回复 待解决
Refresh结合lottie实现下拉刷新动画
1126浏览 • 1回复 待解决
使用到下拉刷新的场景,发现有refresh这个组件,但是文档上没有说明是否可自己设置下拉距离触发刷新
1795浏览 • 1回复 待解决
HarmonyOS Webview如何实现下拉刷新效果
38浏览 • 1回复 待解决
#鸿蒙通关秘籍#如何在HarmonyOS项目中实现上下拉刷新和顶部Tab封装?
191浏览 • 1回复 待解决
刷新显示状态,希望自定义一个刷新组件,通过刷新状态的不同显示不同字段包括下拉刷新,释放刷新
847浏览 • 1回复 待解决
#鸿蒙通关秘籍#HarmonyOS Next 下拉刷新组件如何自定义样式?
139浏览 • 1回复 待解决
"@ohos/pulltorefresh": "^2.0.5", 这个组件是你们官方的下拉刷新控件吗?
176浏览 • 1回复 待解决
Refresh组件在刷新的过程中,能知道下拉的高度吗
1797浏览 • 1回复 待解决
HarmonyOS 基于pulltorefresh依赖,提供下拉刷新二楼demo
434浏览 • 1回复 待解决
建议不要设置padding,把加载loading放在customRefreshComponent里。参考官网文档示例2写法:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-refresh-V5#示例2