HarmonyOS swiper怎么添加惯性

swiper设置displayCount数量为7,快速滑动swiper,当脱手后,要求swiper能够根据惯性继续滚动一部分距离,这部分距离最好是可控的

HarmonyOS
2025-01-09 15:46:17
821浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
fox280

swiper是一个滑块视图容器,本身不提供惯性功能,您可以参考以下两个思路实现您的需求

1、在onGestureSwipe中获取滑动距离,在使用changeIndex滑动多个组件

.onGestureSwipe((index: number, extraInfo: SwiperAnimationEvent) => {
        console.info("index: " + index)
        console.info("current offset: " + extraInfo.currentOffset)
        if (extraInfo.currentOffset < -100) { //根据滑动距离判断显示那个index
          this.swiperController.changeIndex(index + 7, true)
        }
      })
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.

2、使用横向list组件代替swiper,list组件滑动有惯性

分享
微博
QQ
微信
回复
2025-01-09 17:14:05
相关问题
HarmonyOS swiper手写一个惯性怎么实现
792浏览 • 1回复 待解决
JS swiper 怎么像list一样动态添加item?
7121浏览 • 1回复 待解决
HarmonyOS埋点怎么添加
772浏览 • 1回复 待解决
服务中心添加卡片怎么添加
7675浏览 • 1回复 待解决
HarmonyOS webview怎么添加header
607浏览 • 1回复 待解决
HarmonyOS Video 怎么添加请求头?
873浏览 • 2回复 待解决
buttom样式怎么添加
7410浏览 • 2回复 待解决
列表滑动惯性处理问题
982浏览 • 1回复 待解决
HarmonyOS Tabs组件怎么动态添加TabContent
1032浏览 • 1回复 待解决
Waterflow怎么添加header能力?
1097浏览 • 1回复 待解决
Image 上怎么添加文字?
3980浏览 • 1回复 待解决
HarmonyOS Refresh跟list组件惯性滑动问题
849浏览 • 1回复 待解决
HarmonyOS Web组件怎么添加下拉刷新
705浏览 • 1回复 待解决
HarmonyOS Text控件添加中划线怎么设置
793浏览 • 1回复 待解决
HarmonyOS 投屏,怎么添加白名单
973浏览 • 1回复 待解决
怎么在httpRequest中添加cookie
1365浏览 • 1回复 待解决
Canvas制作图表如何实现滑动惯性
1298浏览 • 1回复 待解决