HarmonyOS Tabs组件嵌套Tabs组件问题

当使用Tabs组件嵌套Tabs使用时,如何处理嵌套滑动,目前使用问题是当子tabs滑动到最后一页再往下一页滑动时不会触发父tab栏的切换,是否有办法实现该场景

HarmonyOS
2024-08-08 16:22:02
655浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
Heiang

可以使用gesture + PanGesture 来实现此功能。

参考链接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-gesture-settings-V5

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-basic-gestures-pangesture-V5

相关代码:

private panOption1: PanGestureOptions = new PanGestureOptions({ direction: PanDirection.Right }) 
private panOption2: PanGestureOptions = new PanGestureOptions({ direction: PanDirection.Left }) 
  // 左右拖动触发该手势事件 
  .gesture(PanGesture(this.panOption1) 
    .onActionStart((event?: GestureEvent) => { 
      console.info('Pan start') 
    }) 
    .onActionUpdate((event?: GestureEvent) => { 
      if (event) { 
      } 
    }) 
    .onActionEnd(() => { 
      console.info('Pan end') 
    }) 
  )
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
分享
微博
QQ
微信
回复
2024-08-08 20:25:08


相关问题
Tabs组件嵌套滑动组件
2428浏览 • 1回复 待解决
HarmonyOS Tabs组件嵌套滑动
1173浏览 • 1回复 待解决
HarmonyOS Tabs组件组件问题
1398浏览 • 1回复 待解决
HarmonyOS Tabs嵌套使用问题
639浏览 • 1回复 待解决
HarmonyOS Tabs嵌套Grid问题
762浏览 • 1回复 待解决
HarmonyOS Tabs组件宽度问题
627浏览 • 1回复 待解决
Tabs组件TabContent滑到边缘问题
1065浏览 • 0回复 待解决
Tabs组件懒加载的问题
2902浏览 • 1回复 待解决
HarmonyOS Tabs组件的tabBar宽度问题
1401浏览 • 1回复 待解决
HarmonyOS 关于Tabs组件的TabContent问题
740浏览 • 1回复 待解决
HarmonyOS Tabs组件Tabs如何左对齐?
1245浏览 • 1回复 待解决
HarmonyOS Tabs组件bar背景设置问题
1375浏览 • 1回复 待解决
HarmonyOS Tabs组件切换
1090浏览 • 1回复 待解决
HarmonyOS RN Bottom-tabs组件返回问题
814浏览 • 1回复 待解决
HarmonyOS Tabs和Web嵌套左右滑动问题
917浏览 • 1回复 待解决
HarmonyOS Tabs组件左对齐
680浏览 • 1回复 待解决
HarmonyOS Tabs组件无法全屏
599浏览 • 1回复 待解决
HarmonyOS Tabs组件的Tab栏滚动问题
1582浏览 • 1回复 待解决
HarmonyOS ListItem嵌套Tabs显示不全
652浏览 • 1回复 待解决