关于鸿蒙开发中容器组件Tabs的介绍

最新推荐文章于 2025-04-30 21:40:34 发布

学前端的小朱

最新推荐文章于 2025-04-30 21:40:34 发布

阅读量1.2k

点赞数 30

分类专栏：鸿蒙开发文章标签：前端鸿蒙 arkts Tabs

本文链接：https://blog.youkuaiyun.com/qq_45569925/article/details/141277974

版权

当页面内容较多时，可以通过Tabs组件进行分类展示。

Tabs基本用法

struct TabbarDemo {
    build() {
        // 外层顶级容器
        Tabs() {
            TabContent(){
                // 内容区域：只能有一个子组件
                Text('首页内容')
            }
            .tabBar('首页')// 导航栏
            TabContent(){
                // 内容区域：只能有一个子组件
                Text('推荐内容')
            }
            .tabBar('推荐')// 导航栏
            .......
        }
    }
}