HarmonyOS swiper怎么添加惯性

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

HarmonyOS
2025-01-09 15:46:17
浏览
收藏 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)
        }
      })

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

分享
微博
QQ
微信
回复
2025-01-09 17:14:05
相关问题
HarmonyOS swiper手写一个惯性怎么实现
1086浏览 • 1回复 待解决
JS swiper 怎么像list一样动态添加item?
7377浏览 • 1回复 待解决
HarmonyOS埋点怎么添加
960浏览 • 1回复 待解决
服务中心添加卡片怎么添加
8441浏览 • 1回复 待解决
HarmonyOS webview怎么添加header
834浏览 • 1回复 待解决
buttom样式怎么添加
7731浏览 • 2回复 待解决
HarmonyOS Video 怎么添加请求头?
1112浏览 • 2回复 待解决
列表滑动惯性处理问题
1171浏览 • 1回复 待解决
Image 上怎么添加文字?
4571浏览 • 1回复 待解决
HarmonyOS Tabs组件怎么动态添加TabContent
1251浏览 • 1回复 待解决
Waterflow怎么添加header能力?
1275浏览 • 1回复 待解决
HarmonyOS Refresh跟list组件惯性滑动问题
1045浏览 • 1回复 待解决
怎么在httpRequest中添加cookie
1526浏览 • 1回复 待解决
HarmonyOS Web组件怎么添加下拉刷新
879浏览 • 1回复 待解决
HarmonyOS 投屏,怎么添加白名单
2211浏览 • 1回复 待解决
HarmonyOS Text控件添加中划线怎么设置
1252浏览 • 1回复 待解决
Canvas制作图表如何实现滑动惯性
1518浏览 • 1回复 待解决