HarmonyOS refresh组件下拉刷新是不是不能自定义顶部刷新时的样式?

HarmonyOS refresh组件下拉刷新是不是不能自定义顶部刷新时的样式?

HarmonyOS
2024-10-16 11:24:17
1642浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zxjiu

自定义刷新组件参考示例2。参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-refresh-V5#示例2

参考demo:

// xxx.ets     
@Entry  
@Component  
struct RefreshExample {  
  @State isRefreshing: boolean = false  
  @State arr: String[] = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10']  
  
  @Builder  
  customRefreshComponent() {  
    Stack() {  
      Row() {  
        LoadingProgress().height(32)  
        Text("正在刷新...").fontSize(16).margin({ left: 20 })  
      }.alignItems(VerticalAlign.Center)  
    }.width("100%").align(Alignment.Center)  
  }  
  
  build() {  
    Column() {  
      Refresh({ refreshing: $$this.isRefreshing, builder: this.customRefreshComponent() }) {  
        List() {  
          ForEach(this.arr, (item: string) => {  
            ListItem() {  
              Text('' + item)  
                .width('100%')  
                .height(100)  
                .fontSize(16)  
                .textAlign(TextAlign.Center)  
                .borderRadius(10)  
                .backgroundColor(0xFFFFFF)  
            }  
          }, (item: string) => item)  
        }  
        .onScrollIndex((first: number) => {  
          console.info(first.toString())  
        })  
        .width('100%')  
        .height('100%')  
        .divider({  
          strokeWidth: 1,  
          color: Color.Yellow,  
          startMargin: 10,  
          endMargin: 10  
        })  
        .scrollBar(BarState.Off)  
      }.onStateChange((refreshStatus: RefreshStatus) => {  
        console.info('Refresh onStatueChange state is ' + refreshStatus)  
      }).onRefreshing(() => {  
        setTimeout(() => {  
          this.isRefreshing = false  
        }, 2000)  
        console.log('onRefreshing test')  
      }).backgroundColor(0x89CFF0)  
    }  
  }  
}
  • 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.
分享
微博
QQ
微信
回复
2024-10-16 18:30:31


相关问题
HarmonyOS Refresh自定义刷新样式
841浏览 • 1回复 待解决
HarmonyOS使用Refresh下拉刷新问题
1543浏览 • 1回复 待解决
Refresh结合lottie实现下拉刷新动画
1947浏览 • 1回复 待解决
HarmonyOS 自定义刷新空间问题
617浏览 • 1回复 待解决
HarmonyOS 自定义弹窗刷新问题
714浏览 • 1回复 待解决
HarmonyOS 组件下拉刷新问题
1252浏览 • 1回复 待解决
HarmonyOS 键盘顶部添加自定义组件
995浏览 • 1回复 待解决