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
2024-09-29 11:40:27
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

建议不要设置padding,把加载loading放在customRefreshComponent里。参考官网文档示例2写法:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-refresh-V5#示例2

分享
微博
QQ
微信
回复
2024-09-29 18:04:38
相关问题
HarmonyOS 组件下拉刷新问题
365浏览 • 1回复 待解决
上拉加载,下拉刷新组件
312浏览 • 1回复 待解决
HarmonyOS 下拉刷新功能
137浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
665浏览 • 1回复 待解决
HarmonyOS 首页下拉刷新异常
167浏览 • 1回复 待解决
如何使用Swiper组件实现下拉刷新
711浏览 • 1回复 待解决
有谁知道web组件如何下拉刷新
1919浏览 • 1回复 待解决
HarmonyOS ArkWeb如何实现下拉刷新功能
359浏览 • 1回复 待解决
Refresh结合lottie实现下拉刷新动画
1029浏览 • 1回复 待解决
下拉刷新和上拉加载API为9sdk
2720浏览 • 1回复 待解决