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 下拉刷新 自定义刷新view loading会露出一半距离
1024浏览 • 1回复 待解决
HarmonyOS refresh组件下拉刷新是不是不能自定义顶部刷新时的样式?
1362浏览 • 1回复 待解决
HarmonyOS Refresh组件下拉刷新ui无刷新,debug过list是有数据的
966浏览 • 1回复 待解决
HarmonyOS 组件的下拉刷新问题
1438浏览 • 1回复 待解决
上拉加载,下拉刷新组件
1376浏览 • 1回复 待解决
HarmonyOS Web 组件添加下拉刷新,使用pulltorefresh 的下拉刷新会有手势冲突问题
936浏览 • 1回复 待解决
HarmonyOS rn组件FlatList下拉刷新异常
1034浏览 • 1回复 待解决
HarmonyOS 下拉刷新功能
915浏览 • 1回复 待解决
HarmonyOS 下拉刷新如何实现
749浏览 • 1回复 待解决
HarmonyOS 下拉刷新在使用pullDownRatio(0)这种方式禁用下拉刷新之后,使用Refresh({ refreshing: true })依旧可以触发下拉刷新
1066浏览 • 1回复 待解决
HarmonyOS Web组件怎么添加下拉刷新
894浏览 • 1回复 待解决
HarmonyOS 首页下拉刷新异常
1290浏览 • 1回复 待解决
如何使用Swiper组件实现下拉刷新
2025浏览 • 1回复 待解决
HarmonyOS 下拉刷新,上拉加载功能
774浏览 • 1回复 待解决
HarmonyOS 下拉刷新,上拉加载示例
899浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
1870浏览 • 1回复 待解决
有基于ListContainer下拉刷新 像安卓中listview的第三方下拉刷新布局
7437浏览 • 2回复 待解决
HarmonyOS 下拉刷新的时候没有更新数据
1624浏览 • 1回复 待解决
ArkTS的List组件如何实现下拉刷新效果?
2050浏览 • 1回复 待解决
有谁知道web组件如何下拉刷新
2715浏览 • 1回复 待解决
HarmonyOS 使用pulltorefresh 的下拉刷新会跟web 的滚动联动,web向下滚动,刷新控件也会滚动
1087浏览 • 1回复 待解决
pulltorefresh下拉触发刷新高度设置以及下拉背景的设置
2491浏览 • 1回复 待解决
Refresh组件嵌套scroller组件再嵌套List组件后自定义顶部下拉刷新异常
929浏览 • 1回复 待解决
HarmonyOS Webview如何实现下拉刷新效果
955浏览 • 1回复 待解决
Refresh结合lottie实现下拉刷新动画
2281浏览 • 1回复 待解决
建议不要设置padding,把加载loading放在customRefreshComponent里。参考官网文档示例2写法:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-refresh-V5#示例2