美文网首页
SwiftUI—使用TabView包含和切换多个页面

SwiftUI—使用TabView包含和切换多个页面

作者: anny_4243 | 来源:发表于2020-07-13 19:06 被阅读0次

    原文链接:https://github.com/fzhlee/SwiftUI-Guide#-%E7%AC%AC27%E8%8A%82tabview-

    TabView相当于UIKit中的UITabBarController,用于实现标签视图集,标签视图位于屏幕底部,可以让用户在几个视图之间快速的切换。
    示例代码:

    var body: some View {
        TabView { //标签视图所控制的页面位于大括号内。TabView仅支持类型为文本、图像或LayoutView的标签项,其他类型的视图将产生一个可见的空白标签项
            Text("The home page.") //添加一个文本视图,作为标签视图的第一个标签项
            .font(.system(size: 36))
            .tabItem({ //设置文本视图的选项卡,在屏幕底部的选项卡标签里显示对应的标签
                Image(systemName: "house") //添加一个图像视图和一个文本视图,作为底部选项卡列表里的第一个选项卡
                Text("Home") })
            .tag(0)
    
            Text("The settings page") //继续添加另一个文本视图,作为标签视图的第二个标签项
            .font(.system(size: 36))
            .tabItem({
                Image(systemName: "gear")
                Text("Settings")
            })
            .tag(1)
        }
        }
    

    相关文章

      网友评论

          本文标题:SwiftUI—使用TabView包含和切换多个页面

          本文链接:https://www.haomeiwen.com/subject/qgjzcktx.html