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 组件的下拉刷新问题
122浏览 • 1回复 待解决
上拉加载,下拉刷新组件
103浏览 • 1回复 待解决
如何使用Swiper组件实现下拉刷新
499浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
325浏览 • 1回复 待解决
ArkTS的List组件如何实现下拉刷新效果?
456浏览 • 1回复 待解决
有谁知道web组件如何下拉刷新
1783浏览 • 1回复 待解决
有基于ListContainer下拉刷新 像安卓中listview的第三方下拉刷新布局
6075浏览 • 2回复 待解决
HarmonyOS ArkWeb如何实现下拉刷新功能
165浏览 • 1回复 待解决
刷新显示状态,希望自定义一个刷新组件,通过刷新状态的不同显示不同字段包括下拉刷新,释放刷新
643浏览 • 1回复 待解决
pulltorefresh下拉触发刷新高度设置以及下拉背景的设置
734浏览 • 1回复 待解决
Refresh结合lottie实现下拉刷新动画
804浏览 • 1回复 待解决
使用到下拉刷新的场景,发现有refresh这个组件,但是文档上没有说明是否可自己设置下拉距离触发刷新
1603浏览 • 1回复 待解决
Refresh组件在刷新的过程中,能知道下拉的高度吗
1493浏览 • 1回复 待解决
HarmonyOS 基于pulltorefresh依赖,提供下拉刷新二楼demo
142浏览 • 1回复 待解决
基于PullToRefresh实现横向下拉刷新与加载更多
1122浏览 • 1回复 待解决
下拉刷新和上拉加载的API为9的sdk
2428浏览 • 1回复 待解决
Swiper组件的手动切换和下拉刷新手势期望互斥,当前可以并发
702浏览 • 1回复 待解决
弄List下拉刷新时发现List的属性动画是无效的。
1919浏览 • 1回复 待解决
api 自带 Refresh 下拉刷新,请问可以做上拉加载功能吗?
91浏览 • 1回复 待解决
HarmonyOS 有没有封装好的下拉刷新、上拉加载,加载失败的那种列表统一的组件
175浏览 • 1回复 待解决
如何让Select下拉组件的下拉按钮和下拉菜单居中对齐?
208浏览 • 1回复 待解决
UI预览不会自动刷新, 且刷新较慢
169浏览 • 1回复 待解决
Swiper 组件嵌套图片刷新数据会闪烁
778浏览 • 1回复 待解决
使用LazyForEach渲染语法渲染组件,UI不刷新。
588浏览 • 1回复 待解决
建议不要设置padding,把加载loading放在customRefreshComponent里。参考官网文档示例2写法:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-refresh-V5#示例2