HarmonyOS Refresh组件使用问题

1、设置LoadingProgress高度后,不滑动会漏出一部分

2、期望从底部快速滑动到顶部时,不主动显示Builder

HarmonyOS
2024-12-20 16:33:41
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

加入属性 .clip(true) 就可以了具体demo如下:

@Entry
@Component
struct Index {
  @State isRefreshing: boolean = false
  @State arr: String[] = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10']

  @Builder
  refreshComponent() {
    Stack() {
      Row() {
        LoadingProgress()
          .height(32)
          .width(40)
          .color(Color.Red)
        Text("正在刷新...")
          .fontSize(16)
          .margin({ left: 20 })
      }
      .clip(true)
      .alignItems(VerticalAlign.Center)
    }.width("100%").align(Alignment.Center)
  }

  build() {
    Stack({ alignContent: Alignment.TopStart }) {
      Flex({ direction: FlexDirection.Column }) {
        Refresh({
          refreshing: $$this.isRefreshing,
          builder: this.refreshComponent()
        }) {
          Scroll() {
            Column() {
              ForEach(this.arr, (item: string) => {
                Text('' + item)
                  .width('100%')
                  .height(100)
                  .fontSize(16)
                  .textAlign(TextAlign.Center)
                  .borderRadius(10)
              }, (item: string) => item)
            }

          }

        }
        .onStateChange((refreshStatus: RefreshStatus) => {
          console.info('Refresh onStatueChange state is ' + refreshStatus)
        })
        .onRefreshing(() => {
          setTimeout(() => {
            this.isRefreshing = false
          }, 2000)
          console.log('onRefreshing test')
        })

      }
    }
  }
}
分享
微博
QQ
微信
回复
2024-12-20 18:52:29
相关问题
HarmonyOS使用Refresh下拉刷新问题
1236浏览 • 1回复 待解决
HarmonyOS Refresh组件嵌套滑动冲突问题
1467浏览 • 1回复 待解决
HarmonyOS Refresh跟list组件惯性滑动问题
545浏览 • 1回复 待解决
HarmonyOS Refresh组件disable的功能
202浏览 • 1回复 待解决
refresh + scroll+list嵌套问题
707浏览 • 1回复 待解决
HarmonyOS Refresh + Web?
281浏览 • 0回复 待解决
Refresh组件不支持设置nestedScroll属性
2380浏览 • 1回复 待解决
HarmonyOS UI组件使用问题
385浏览 • 1回复 待解决
HarmonyOS Gauge组件使用问题
314浏览 • 1回复 待解决
HarmonyOS 使用Video组件问题
522浏览 • 1回复 待解决
HarmonyOS Refresh禁用下拉
306浏览 • 1回复 待解决
HarmonyOS Scroll组件使用问题
778浏览 • 1回复 待解决
HarmonyOS swiper组件使用问题
731浏览 • 1回复 待解决
HarmonyOS 组件.bindPopup属性使用问题
644浏览 • 1回复 待解决
HarmonyOS Navigation组件使用问题
360浏览 • 1回复 待解决