SwiftUI：如何创建一个标签视图

在iOS应用程序中，使用标签视图很常见。这种视图在底部有几个选择，你可以通过点击图标/标签完全切换屏幕中的内容。

SwiftUI很方便地为我们提供了一个名为TabView 的视图，这使得我们可以很容易地实现这样的UI模式。

下面是一个最简单的TabView的例子。

import SwiftUI

struct ContentView: View {
    
    var body: some View {
        TabView {
            Text("First")
                .tabItem {
                    Label("First", systemImage: "tray")
                }

            Text("Second")
                .tabItem {
                    Label("Second", systemImage: "calendar")
                }
        }
    }
}

这就是结果。


看到了吗？我们有一个TabView 视图，而在它里面，我们有两个视图。

为了简单起见，这两个都是Text 视图。

它们的tabItem 修改器将把它们添加到TabView ，并提供一个标签作为Label 视图。

当然，在大多数情况下，你会想使用一个自定义视图，而不是Text 。