HarmonyOS 鸿蒙Next Tabs组件的Tab栏滚动问题

[@Entry](/user/Entry)
@Component
struct Index {
  @State currentIndex: number = 0
  private controller: TabsController = new TabsController()
  build() {
    Row() {
      Column() {
        Tabs({barPosition: BarPosition.End, index: this.currentIndex, controller: this.controller }) {
          TabContent() {
            Text(‘推荐的内容’).fontSize(30)
          }
          .tabBar(‘测试测试测试1’)
          TabContent() {
            Text(‘推荐的内容’).fontSize(30)
          }
          .tabBar(‘测试测试测试2’)
          TabContent() {
            Text(‘发现的内容’).fontSize(30)
          }
          .tabBar(‘测试测试测试3’)
          TabContent() {
            Text(‘我的内容’).fontSize(30)
          }
          .tabBar(“测试测试测试4”)
          TabContent() {
            Text(‘我的内容’).fontSize(30)
          }
          .tabBar(“测试测试测试5”)
          TabContent() {
            Text(‘我的内容’).fontSize(30)
          }
          .tabBar(“测试测试测试6”)
          TabContent() {
            Text(‘我的内容’).fontSize(30)
          }
          .tabBar(“测试测试测试7”)
        }.barMode(BarMode.Scrollable)
        .onChange((index: number) => {
          this.currentIndex = index
        })
      }
      .width(‘100%’)
    }
    .height(‘100%’)
  }
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>

动画效果可以参考自定义TabBar的切换动画

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/ts-container-tabs-V13#示例9自定义tabbar切换动画