SwiftUI使用TabView制作底部导航栏

最新推荐文章于 2025-04-10 15:37:31 发布

朱谷哲

最新推荐文章于 2025-04-10 15:37:31 发布

阅读量2k

点赞数

分类专栏： swift swiftui 文章标签： swift

本文链接：https://blog.youkuaiyun.com/weixin_44045184/article/details/111182932

版权

本文介绍了如何使用SwiftUI的TabView组件创建底部导航栏。作者分享了学习SwiftUI的经验，并提供了代码示例及最终效果展示。同时，推荐了一个查找SwiftUI标识符名称的工具。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

SwiftUI使用TabView制作底部导航栏

（博主刚开始学习swift,深受找不到免费好的教程的苦恼，有所掌握就和大家分享，非老司机，如若出现错误，还请大神不吝指出）
话不多说，直接上代码加效果图

import SwiftUI

struct StabUIView: View {
    var body: some View {
        TabView{
            Text("PAGE ONE")
                .tabItem({
                    Image(systemName: "house")
                    Text("Home")
                })
            
            Text("PAGE TWO")
                .tabItem({
                    Image(systemName: "gear")
                    Text("Gear")
                })
            
            Text("PAGE THREE")
                .tabItem({
                    Image(systemName: "person")
                    Text("Home")
                })
        }
    }
}



struct StabUIView_Previews: PreviewProvider {
    static var previews: some View {
        StabUIView()
    }
}

效果图如下：<

最低0.47元/天解锁文章