Swiper组件的手动切换和下拉刷新手势期望互斥,当前可以并发

Swiper组件的手动切换和下拉刷新手势期望互斥,当前可以并发

HarmonyOS
2024-06-05 20:54:40
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
xbibi

使用下拉刷新组件的方式,可以实现Swiper组件切换和下拉刷新互斥,参考示例代码

@Entry 
@Component 
struct Index3 { 
  @State isRefreshing: boolean = false 
  @State arr: String[] = ['0', '1', '2', '3', '4','5','6','7','8','9','10'] 
  private swiperController: SwiperController = new SwiperController() 
 
  build() { 
    Column() { 
      Refresh({ refreshing: $$this.isRefreshing}) { 
        List() { 
          ListItem() { 
            Swiper(this.swiperController) { 
              ForEach(this.arr, (item: string) => { 
                Text(item.toString()) 
                  .width('100%') 
                  .height(160) 
                  .backgroundColor(0xAFEEEE) 
                  .textAlign(TextAlign.Center) 
                  .fontSize(30) 
              }, (item: string) => item) 
            } 
          } 
          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) 
    } 
  } 
}
分享
微博
QQ
微信
回复
2024-06-06 21:20:42
相关问题
如何使用Swiper组件实现下拉刷新
144浏览 • 1回复 待解决
Swiper 组件嵌套图片刷新数据会闪烁
287浏览 • 1回复 待解决
有谁知道web组件如何下拉刷新
528浏览 • 1回复 待解决
swiper切换监听生命周期
445浏览 • 1回复 待解决
前端手动刷新显示Rdb数据
409浏览 • 1回复 待解决
Refresh结合lottie实现下拉刷新动画
451浏览 • 1回复 待解决
下拉刷新和上拉加载API为9sdk
1337浏览 • 1回复 待解决
Swiper是否支持组件复用
354浏览 • 1回复 待解决
新手如何系统学习鸿蒙系统
5516浏览 • 1回复 待解决
PolarDB可以支持多少并发数?
1226浏览 • 1回复 待解决