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

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

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


2466108-0b19c054b2827dc3.webp (1).jpg

目录
相关文章
|
数据库
Layui入门&动态树&动态选项卡&用户增加&修改&删除&(一)
Layui入门&动态树&动态选项卡&用户增加&修改&删除&
Layui入门&动态树&动态选项卡&用户增加&修改&删除&(二)
Layui入门&动态树&动态选项卡&用户增加&修改&删除&
|
XML 存储 搜索推荐
一个真实的 SAP 标准 UI5 应用的扩展开发项目(Extension Project)分享 - UI5 界面上新增订单创建者字(1)段
一个真实的 SAP 标准 UI5 应用的扩展开发项目(Extension Project)分享 - UI5 界面上新增订单创建者字段
104 0
WPF项目中不支持 ResizingPanel,未在类型“ResizingPanel”中找到可附加的属性“ResizeWidth”
WPF项目中不支持 ResizingPanel,未在类型“ResizingPanel”中找到可附加的属性“ResizeWidth”
|
存储
antd为Tree组件标题附加操作按钮功能
antd为Tree组件标题附加操作按钮功能
608 0
antd为Tree组件标题附加操作按钮功能
|
小程序 开发者
小程序__02--navigationBarTitleText配置子页面标题,依旧显示默认标题,子页面配置不显示
navigationBarTitleText配置子页面标题,依旧显示默认标题,子页面配置不显示
SwiftUI—如何使用NavigationLink进行页面间的跳转
SwiftUI—如何使用NavigationLink进行页面间的跳转
3288 0
SwiftUI—如何使用NavigationLink进行页面间的跳转
SwiftUI—如何使列表同时支持删除和移动记录的功能
SwiftUI—如何使列表同时支持删除和移动记录的功能
151 0
SwiftUI—如何使列表同时支持删除和移动记录的功能
SwiftUI—点击列表不同的选项进入不同的详情页面
SwiftUI—点击列表不同的选项进入不同的详情页面
249 0
SwiftUI—点击列表不同的选项进入不同的详情页面
SwiftUI—如何快速打开一个动作表单
SwiftUI—如何快速打开一个动作表单
156 0
SwiftUI—如何快速打开一个动作表单