HarmonyOS tabbar跳转问题

使用自定义tabbar，使用tabs的index精确跳转到某个tab

Navigation(this.pageInfos) {
  Stack({ alignContent: Alignment.TopStart }) {
    Flex({ direction: FlexDirection.Column }) {
      Tabs({ index: this.currentIndex }) {
        TabContent() {
          HomePage({
            homeTabIndex: $currentIndex
          })
        }

        TabContent() {
          NewsCircles()
        }

        TabContent() {
          MinePage()
        }
      }
      .barHeight(0)
      .scrollable(false)
      .onChange((index) => {
        this.currentIndex = index;
      })

      CustomTabBar({
        currentIndex: $currentIndex
      })
    }
    .width(StyleConstants.FULL_WIDTH)
    .height(StyleConstants.FULL_WIDTH)
  }
  .padding({
    bottom: Number(AppStorage.get('bottomRectHeight')),
    top: Number(AppStorage.get('topRectHeight')),
    left: StyleConstants.PADDING_TEN,
    right: StyleConstants.PADDING_TEN
  })
}
.hideTitleBar(true)
.mode(NavigationMode.Stack)
.navDestination(this.PageMap)
.backgroundImage($r("app.media.mask_group"))
.backgroundImageSize({ width: StyleConstants.FULL_WIDTH, height: StyleConstants.FULL_WIDTH })

//CustomTabBar.ets
import { TabsInfos, TabsInfo } from 'common'

@Component
export struct CustomTabBar {
  @Link currentIndex: number;

  build() {
    Flex({
      direction: FlexDirection.Row,
      alignItems: ItemAlign.Center,
      justifyContent: FlexAlign.SpaceAround
    }) {
      ForEach(TabsInfos, (item: TabsInfo, index: number) => {
        Column({ space: 5 }) {
          Image(this.currentIndex === index ? item.icon_grey : item.icon)
            .size({ width: 20, height: 20 })
          Text(item.label)
            .fontSize(14).fontColor('#4f4f4f')
        }.onClick(() => {
          this.currentIndex = index
        })
      }, (item: TabsInfo) => JSON.stringify(item))
    }
    .padding({ top: 10 })
  }
}