iT邦幫忙

第 12 屆 iThome 鐵人賽

DAY 13
0
Mobile Development

[初探] 用 SwiftUI - 打造一個自助洗衣應用系列 第 13

第十三日、SwiftUI - 頁面的種種事情之1 篇 (Tabview )

  • 分享至 

  • xImage
  •  

今天就是提到 Tabitem 的時候
它是 Tabview 底下主要的一環
其功能與 UITabBarController 相同

https://ithelp.ithome.com.tw/upload/images/20200904/20130099aleIfkgEBR.png
指的就是下方橫欄位的那三個按鈕

他們都是在主要功能之間的切換
這也是拿到這邊講的關係
因為接下來會提到的都是切換頁面有關的系列
包括你提交表單或是顯示個人頁面等等

那接下來直接上 Demo :

struct ContentView: View {    
    var body: some View {
        TabView {
            Text("FirstView")     //--- 1
                .tabItem {        //--- 2
                    Image(systemName: "photo")
                    Text("First")
                }
            Text("SecondView")
                .tabItem {
                    Image(systemName: "photo")
                    Text("Second")
                }
        }
    }
} 
    1. 這邊可以放入不同介面視圖(例如: ContentView())去做切換
    1. tabItem 裡面是控制你放入的文字與圖示

可以試試看去修改


上一篇
第十二日、SwiftUI - 文件列表 篇
下一篇
第十四日、SwiftUI - 頁面的種種事情之2 篇 (NavigationView )
系列文
[初探] 用 SwiftUI - 打造一個自助洗衣應用30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言