SwiftUI：Tabbar 的奇怪行为

Question

我的应用程序有一个 TabBar，其中包含 3 个条形项，如下所示

var body: some View {
    TabView() {
        NavigationView {
            View1()
        }
        .tabItem { Label("Tab1"), systemImage: "calendar.badge.exclamationmark") }
        
        View2()
            .tabItem {
                Label("Tab2"), systemImage: "list.bullet")
            }
        
        View3()
            .tabItem {
                Label("Tab3"), systemImage: "info")
            }
    }
}

我不明白为什么Tab2出现了2次，这意味着我总共有4个标签而不是3个。我觉得很愚蠢:-)

Answer 1

您错放了几个括号 ()，这可能是问题所在。尝试此代码（将 Text("View one") 替换为 View1() 等等）：

struct ContentView: View {
    var body: some View {
        TabView {
            NavigationView {
                Text("View one")
            }
            .tabItem {
                Label("Tab1", systemImage: "calendar.badge.exclamationmark")

            }

            Text("View two")
                .tabItem {
                    Label("Tab2", systemImage: "list.bullet")

                }

            Text("View three")
                .tabItem {
                    Label("Tab3", systemImage: "info")

                }
        }
    }
}

结果：

SwiftUI：Tabbar 的奇怪行为

SwiftUI: Strange behavior with Tabbar

swiftui

uitabbar