HarmonyOS 鸿蒙Next Tabs组件滑动页面切换时如何阻止左滑效果

最开始的解决办法，是设置tabs中第一个和最后一个，只允许右滑和左滑

@Entry
@Component
export default struct TabsModel {
  @State @Watch('onBasketUpdated') currentIndex: number = 0
  controller: TabsController = new TabsController()

  onBasketUpdated() {
    // TODO 通过@watch监听,这个值改变后,通过tabs的控制器中changeIndex方法,切换到制定页面
    this.controller.changeIndex(this.currentIndex)
  }

  build() {
    Column() {
      Tabs({ controller: this.controller }) {
        TabContent() {
        }
        .backgroundColor('#77FF')
        .tabBar(this.TabBuilder(0, '综合'))
        .gesture(PanGesture(new PanGestureOptions({ direction: PanDirection.Right })))

        TabContent() {
        }.tabBar(this.TabBuilder(1, '用户'))

        TabContent() {
        }.tabBar(this.TabBuilder(2, '讲股堂'))

        TabContent() {
        }.tabBar(this.TabBuilder(3, '资讯'))

        TabContent() {
        }.tabBar(this.TabBuilder(4, '社区'))

        TabContent() {
        }
        .backgroundColor('#FF77')
        .tabBar(this.TabBuilder(5, '话题'))
        .gesture(PanGesture(new PanGestureOptions({ direction: PanDirection.Left })))
      }
      .onChange((index: number) => {
        this.currentIndex = index // 把当前页签的数值传给currentIndex,来修改选定的页签的样式
      })
      .barMode(BarMode.Scrollable)
    }
  }

  @Builder
  TabBuilder(index: number, name: string) {
    Column() {
      Text(name)
        .width(60)
        .textAlign(TextAlign.Center)
        .fontSize(this.currentIndex === index ? 18 : 14)
        .fontWeight(this.currentIndex === index ? 700 : 400)

      if (this.currentIndex === index) {
        Divider().width(20).color('#ff5500').strokeWidth(2).margin({ top: 3 })
      } else {

      }
    }
  }
}