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')  
      }  
    }  
  }
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.

以上代码,下拉刷新列表顶部有一个固定高度的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 组件下拉刷新问题
1243浏览 • 1回复 待解决
上拉加载,下拉刷新组件
1131浏览 • 1回复 待解决
HarmonyOS rn组件FlatList下拉刷新异常
848浏览 • 1回复 待解决
HarmonyOS 下拉刷新功能
704浏览 • 1回复 待解决
HarmonyOS 下拉刷新如何实现
495浏览 • 1回复 待解决
HarmonyOS Web组件怎么添加下拉刷新
689浏览 • 1回复 待解决
如何使用Swiper组件实现下拉刷新
1711浏览 • 1回复 待解决
HarmonyOS 首页下拉刷新异常
969浏览 • 1回复 待解决
HarmonyOS 下拉刷新,上拉加载功能
581浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
1526浏览 • 1回复 待解决
HarmonyOS 下拉刷新,上拉加载示例
667浏览 • 1回复 待解决
有谁知道web组件如何下拉刷新
2446浏览 • 1回复 待解决
HarmonyOS 下拉刷新时候没有更新数据
1307浏览 • 1回复 待解决
Refresh结合lottie实现下拉刷新动画
1877浏览 • 1回复 待解决
HarmonyOS Webview如何实现下拉刷新效果
685浏览 • 1回复 待解决