HarmonyOS 鸿蒙Next：请问怎么做到Tab的循环显示？

如题，Tab有多个TabContent，如果当前在1号tab从左往右滑动时，会无法继续滑动。

请问如果我想要1号tab继续从左往右滑动时左侧显示5号tab且滑动完成时切换成5号tab应该怎么做呢？是不是要自定义Gesture并且不再用Tab组件？

@Entry
@Component
struct Index {
@State message: string = ‘Hello World’
private controller:TabsController = new TabsController()
@State index: number = 0;
build() {
Row() {
Tabs({ barPosition: BarPosition.Start, controller: this.controller}) {
TabContent() {
Text(‘1’).fontSize(9).fontColor(0xCCCCCC)
}.tabBar(‘1号tab’)

    TabContent() {
      Text(<span class="hljs-string"><span class="hljs-string">'2'</span></span>).fontSize(<span class="hljs-number"><span class="hljs-number">19</span></span>).fontColor(<span class="hljs-number"><span class="hljs-number">0xCCCCCC</span></span>)
    }.tabBar(<span class="hljs-string"><span class="hljs-string">'2号tab'</span></span>)

    TabContent() {
      Text(<span class="hljs-string"><span class="hljs-string">'3'</span></span>).fontSize(<span class="hljs-number"><span class="hljs-number">19</span></span>).fontColor(<span class="hljs-number"><span class="hljs-number">0xCCCCCC</span></span>)
    }.tabBar(<span class="hljs-string"><span class="hljs-string">'3号tab'</span></span>)

    TabContent() {
      Text(<span class="hljs-string"><span class="hljs-string">'4'</span></span>).fontSize(<span class="hljs-number"><span class="hljs-number">19</span></span>).fontColor(<span class="hljs-number"><span class="hljs-number">0xCCCCCC</span></span>)
    }.tabBar(<span class="hljs-string"><span class="hljs-string">'4号tab'</span></span>)

    TabContent() {
      Text(`<span class="hljs-number"><span class="hljs-number">5</span></span>号${<span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.index}`).fontSize(<span class="hljs-number"><span class="hljs-number">19</span></span>).fontColor(<span class="hljs-number"><span class="hljs-number">0xCCCCCC</span></span>)
    }.tabBar(<span class="hljs-string"><span class="hljs-string">'5号tab'</span></span>)
  }
  .vertical(<span class="hljs-literal"><span class="hljs-literal">false</span></span>).scrollable(<span class="hljs-literal"><span class="hljs-literal">true</span></span>).barMode(BarMode.Scrollable)
  .width(<span class="hljs-string"><span class="hljs-string">'100%'</span></span>).height(<span class="hljs-string"><span class="hljs-string">'100%'</span></span>)
  .barHeight(<span class="hljs-number"><span class="hljs-number">150</span></span>).animationDuration(<span class="hljs-number"><span class="hljs-number">400</span></span>)
  .onChange((index: number) =&gt; {
    console.info(index.toString())
    <span class="hljs-keyword"><span class="hljs-keyword">if</span></span>(index === <span class="hljs-number"><span class="hljs-number">4</span></span>) {
      <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.controller.changeIndex(<span class="hljs-number"><span class="hljs-number">0</span></span>);
    }

    <span class="hljs-keyword"><span class="hljs-keyword">this</span></span>.index = index;
  })

}
.width(<span class="hljs-string"><span class="hljs-string">'100%'</span></span>).height(<span class="hljs-string"><span class="hljs-string">'100%'</span></span>)
}
}<button style="position: absolute; padding: 4px 8px 0px; cursor: pointer; top: 8px; right: 8px; font-size: 14px;">复制</button>