底部标签(Tab)效果

image.png

 var body: some View {
        TabView() {
            Text("首页")
                .tabItem {
                    Image(systemName: "house.fill")
                    Text("首页")
                }
                .tag(1)
            
            Text("西瓜视频")
                .tabItem {
                    Image(systemName: "play.fill")
                    Text("西瓜视频")
                }
                .tag(2)
            
            Text("放映厅")
                .tabItem {
                    Image(systemName: "play.rectangle.fill")
                    Text("放映厅")
                }
                .tag(3)
            
            Text("我的")
                .tabItem {
                    Image(systemName: "person.fill")
                    Text("我的")
                }
                .tag(4
        }
        .accentColor(.red)
    }

image.png