当导航内容过多的时候，可能会超出屏幕，这时候需要滚动效果，加上barMode(BarMode.Scrollable)这个属性就行

下图效果：

下面是实现的代码：

@Entry
@Component
struct IndexTest {
  titles: string[] = [
    '首页','关注','热门','军事','体育',
    '八卦','数码','财经','美食','旅行',
    '直播','NBA'
  ]
  build() {

    Tabs(){
      ForEach(this.titles,(item:string,inex)=>{
        TabContent(){
          Text(`${item}内容`).fontColor(Color.Red)
            .minFontSize(23)
        }.tabBar(item)

      })
    }.barMode(BarMode.Scrollable)
  }
}

总结：当遇到复杂界面，导航的标题超过了屏幕时候需要滚动才能显完整，这时候只需要一个barMode(BarMode.Scrollable)属性就能搞定