#鸿蒙通关秘籍#如何实现固定或滚动的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>