#鸿蒙通关秘籍#如何实现固定或滚动的Tab导航栏？

<DirectionalLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    ohos:width="match_parent"
    ohos:height="match_parent"
    ohos:orientation="vertical">

    <TabList
        ohos:width="match_parent"
        ohos:height="wrap_content"
        ohos:tab_mode="fixed">

        <TabItem
            ohos:text="Tab 1"
            ohos:icon="$media:icon_tab1" />

        <TabItem
            ohos:text="Tab 2"
            ohos:icon="$media:icon_tab2" />

        <!-- Add more TabItems as needed -->

    </TabList>

    <TabContent
        ohos:width="match_parent"
        ohos:height="match_parent" />

</DirectionalLayout>
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.