#鸿蒙通关秘籍#如何使用HarmonyOS的Tabs组件创建滚动导航栏？

@Entry
@Component
struct Index {
  build() {
    Column() {
      Tabs() {
        TabContent() {
          Text('最新的内容').fontSize(30)
        }
        .tabBar('最新')

        TabContent() {
          Text('华语的内容').fontSize(30)
        }
        .tabBar('华语')

        // ... 其他TabContent

        TabContent() {
          Text('其他的内容').fontSize(30)
        }
        .tabBar("其他")
      }
      .barMode(BarMode.Scrollable)
    }
    .width('100%')
    .height('100%')
  }
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.