HarmonyOS Refresh组件使用问题

加入属性 .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')
        })

      }
    }
  }
}