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

目录
相关文章
|
6月前
|
小程序 JavaScript 前端开发
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
【微信小程序-原生开发】实用教程06-轮播图、分类页签 tab 、成员列表(含Tdesign升级,切换调试基础库,设置全局样式,配置组件按需注入,添加图片素材,wx:for,生命周期 onLoad)
187 0
|
8月前
|
JavaScript
js实现跨浏览器tab选项卡页通信、传参,监听localStorage.变量的实时变化,实现打开多个浏览器页面窗口相互可以传参通信
js实现跨浏览器tab选项卡页通信、传参,监听localStorage.变量的实时变化,实现打开多个浏览器页面窗口相互可以传参通信
|
小程序 开发者
小程序__02--navigationBarTitleText配置子页面标题,依旧显示默认标题,子页面配置不显示
navigationBarTitleText配置子页面标题,依旧显示默认标题,子页面配置不显示
SwiftUI—点击列表不同的选项进入不同的详情页面
SwiftUI—点击列表不同的选项进入不同的详情页面
257 0
SwiftUI—点击列表不同的选项进入不同的详情页面
SwiftUI—如何切换部分表单项目的可见性
SwiftUI—如何切换部分表单项目的可见性
124 0
SwiftUI—如何切换部分表单项目的可见性
SwiftUI—如何使用NavigationLink进行页面间的跳转
SwiftUI—如何使用NavigationLink进行页面间的跳转
3346 0
SwiftUI—如何使用NavigationLink进行页面间的跳转
|
小程序
小程序之--动态设置页面标题 wx.setNavigationBarTitle
小程序之--动态设置页面标题 wx.setNavigationBarTitle
|
Web App开发 JavaScript iOS开发
求助,主页面通过iframe访问ngnix中的子页面,子页面中利用调用js方法判断localstonge中是否有值,ios不可用,关闭阻止跨网站追踪,safari可用
紧急求助,主页面通过iframe访问ngnix中的子页面,子页面中利用调用js方法判断localstonge中是否有值,ios不可用,关闭阻止跨网站追踪,safari可用
|
前端开发
vue-router切换不同参数共用路由来显示页面的方法
遇到需要切换页面显示,重新请求接口但是前端路由不变时的一种处理方法
671 0
|
API Android开发 索引
复杂type页面封装库,支持多种状态切换和下拉刷新上拉加载
目录介绍 1.复杂页面库介绍 2.本库优势亮点 2.1 支持多种状态切换管理 2.2 支持添加多个header和footer 2.3 支持侧滑功能和拖拽移动 2.4 其他亮点介绍 3.如何使用介绍 3.
1266 0