Tabs组件如何监听目前的左右拖动距离

1、在一个可左右拖动切换页面的tabs组件中，应该如何在使用tabs组件本身的拖拽事件前提下监听当前拖拽事件的拖动距离。

2、tabs组件嵌套使用时，如何禁止内部tabs组件的滑动切换页面手势，以防止冲突。

HarmonyOS

zbw_apple

2024-09-23 12:14:27

浏览

回答 1

待解决

回答 1

按赞同

按时间

put_get

1、可以使用onGestureSwipe事件监听。

Tabs() {}.onGestureSwipe((index, event) => { console.log(`swipe event is ${JSON.stringify(event)}`) })

参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-container-tabs-V5

2、针对想要实现禁止滑动的tabs组件，使用属性scrollable。

Tabs() {}.scrollable(false)

参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-navigation-tabs-V5#%E9%99%90%E5%88%B6%E5%AF%BC%E8%88%AA%E6%A0%8F%E7%9A%84%E6%BB%91%E5%8A%A8%E5%88%87%E6%8D%A2

2024-09-23 18:10:21

如何写精华回答，获更多曝光？

发布

相关问题

如何监听List组件的总滑动距离

2128浏览 • 1回复待解决

tabs组件左右滑动延迟较高

1069浏览 • 1回复待解决

Tabs滑动距离的问题有哪些？

347浏览 • 1回复待解决

自定义组件拖动边框：实现自定义组件通过拖动上下左右边框改变其大小

754浏览 • 1回复待解决

#鸿蒙通关秘籍#在PanGesture中如何设置最小拖动距离及手指数？

71浏览 • 1回复待解决

#鸿蒙通关秘籍#如何实现鸿蒙应用中的左右拖动切换图片效果？

114浏览 • 1回复待解决

#鸿蒙通关秘籍#如何实现HarmonyOS Next中左右拖动切换图片效果？

135浏览 • 1回复待解决

HarmonyOS Tabs和Web嵌套左右滑动问题

336浏览 • 1回复待解决

HarmonyOS Tabs组件的Tabs如何左对齐？

451浏览 • 1回复待解决

HarmonyOS拖动卡片，手势左右滑，有什么控件可以实现吗

439浏览 • 1回复待解决

#鸿蒙通关秘籍#如何在ArkUI中实现Tabs组件页面切换监听？

58浏览 • 1回复待解决

如何获取List组件滚动条滚动的距离

2564浏览 • 1回复待解决

如何实现一个分割线可以将组件分隔成左右两部分，分割线可以拖动将左右空间进行压缩和拉伸？

525浏览 • 1回复待解决

HarmonyOS TabContent左右切换，上面的Tabs没有跟着滑动

306浏览 • 0回复待解决

HarmonyOS 如何获取两个组件之间的距离？

395浏览 • 1回复待解决

HarmonyOS Tabs组件嵌套Tabs组件问题

799浏览 • 1回复待解决

HarmonyOS Grid组件拖动异常

336浏览 • 1回复待解决

HarmonyOS 当前页面监听上下左右区域的连续点击

0浏览 • 0回复待解决

如何选择Navigation 组件与 Tabs 组件

2601浏览 • 1回复待解决

#鸿蒙通关秘籍#在HarmonyOS Next左右拖动图片案例中提高性能有哪些方法？

132浏览 • 1回复待解决

HarmonyOS如何屏蔽tab组件里面左右滑动切换的事件

902浏览 • 1回复待解决

HarmonyOS 如何设定tabs组件的tabbar样式

620浏览 • 1回复待解决

HarmonyOS 在Tabs切换时，左右滑动可以切换页签，如何屏蔽页签的EdgeEffect回弹效果？

294浏览 • 1回复待解决

Tabs组件嵌套滑动组件

1424浏览 • 1回复待解决

HarmonyOS Grid组件子项拖动问题

175浏览 • 1回复待解决

51CTO

51CTO博客

51CTO学堂

Tabs组件如何监听目前的左右拖动距离

订阅鸿蒙技术特刊，精选内容抢先看