[Swift UI]二、实用控件-(7)使用TabView包含和切换多个页面

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公众号：山青咏芝（let_us_code）
➤博客园地址：山青咏芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址：https:////www.cnblogs.com/strengthen/p/12292774.html
➤原文已修改更新！强烈建议点击原文地址阅读！支持作者！支持原创！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

热烈欢迎，请直接点击！！！

进入博主App Store主页，下载使用各个作品！！！

注：博主将坚持每月上线一个新app！！！

本文演示TableView标签视图的使用，标签视图位于屏幕的底部，可以让用户在几个页面之间进行快速的切换。

效果类似于UITabBarController。

import SwiftUI

struct ContentView : View
{
    var body: some View
    {
        //标签视图控件的页面位于大括号之内，TabView仅支持类型为文本、图像或LayoutView的标签项，
        //其他类型的视图将产生一个可见的空白标签项
        TabView
            {
                //添加第一个文本视图，作为标签视图的第一个标签项
                Text("The home page.")
                    //设置文本的字体尺寸
                    .font(.system(size: 36))
                    //接着设置文本视图的选项卡，只有设置了选项卡，才会在屏幕底部的选项卡列表里显示对应的标签。
                    .tabItem({
                        //添加一个图像视图
                        Image(systemName: "house")
                        Image(systemName: "house").scaleEffect(2)
                        //添加一个文本视图
                        Text("Home")
                        //作为底部选项卡列表里的第一个选项卡
                    })
                
                //添加第二个文本视图，作为标签视图的第二个标签项
                Text("The settings page")
                    //设置文本的字体尺寸
                    .font(.system(size: 36))
                    //接着设置文本视图的选项卡，只有设置了选项卡，才会在屏幕底部的选项卡列表里显示对应的标签。
                    .tabItem({
                        //垂直排列视图
                        VStack{
                            Image(systemName: "gear")
                            Text("Settings")
                        }
                        //水平排列视图
                        HStack{
                            Image(systemName: "gear")
                            Text("Settings")
                        }
                        
                        Image(systemName: "gear")
                        Text("Settings")
                    })
        }
    }
}

#if DEBUG
struct ContentView_Previews : PreviewProvider {
    
    @State var txtFieldValue : String
    
    
    static var previews: some View {
        ContentView()
    }
}
#endif