SwiftUI使用TabView制作底部导航栏

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()
    }
}

效果图如下：


注 ：代码中各种标识符不知道名称 的下载sf symbols此app里有基本 所有的标识符和对应的 名称

附：如发现文章出现错误，还请帮忙指出，及时更正，以免误导其他同学

标签：StabUIView,TabView,Image,SwiftUI,Text,systemName,导航,tabItem
来源： https://blog.csdn.net/weixin_44045184/article/details/111182932