HarmonyOS Refresh组件使用问题

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

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

HarmonyOS
2024-12-20 16:33:41
272浏览
收藏 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')
        })

      }
    }
  }
}
  • 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.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38.
  • 39.
  • 40.
  • 41.
  • 42.
  • 43.
  • 44.
  • 45.
  • 46.
  • 47.
  • 48.
  • 49.
  • 50.
  • 51.
  • 52.
  • 53.
  • 54.
  • 55.
  • 56.
  • 57.
  • 58.
  • 59.
分享
微博
QQ
微信
回复
2024-12-20 18:52:29


相关问题
HarmonyOS使用Refresh下拉刷新问题
1077浏览 • 1回复 待解决
HarmonyOS Refresh组件嵌套滑动冲突问题
1127浏览 • 1回复 待解决
HarmonyOS Refresh跟list组件惯性滑动问题
367浏览 • 1回复 待解决
HarmonyOS Refresh组件disable的功能
112浏览 • 1回复 待解决
HarmonyOS Refresh + Web?
175浏览 • 0回复 待解决
refresh + scroll+list嵌套问题
476浏览 • 1回复 待解决
Refresh组件不支持设置nestedScroll属性
2141浏览 • 1回复 待解决
HarmonyOS Refresh禁用下拉
88浏览 • 1回复 待解决
HarmonyOS Scroll组件使用问题
503浏览 • 1回复 待解决
HarmonyOS UI组件使用问题
112浏览 • 1回复 待解决
HarmonyOS Gauge组件使用问题
116浏览 • 1回复 待解决
HarmonyOS 使用Video组件问题
205浏览 • 1回复 待解决
HarmonyOS 组件.bindPopup属性使用问题
448浏览 • 1回复 待解决
HarmonyOS Navigation组件使用问题
121浏览 • 1回复 待解决
HarmonyOS swiper组件使用问题
450浏览 • 1回复 待解决
恭喜您,今日已阅读两篇内容,特奖励+2声望, 快来领取吧。