Swiftui - 正确处理根导航内的选项卡导航

Question

我的 swiftUI 应用程序导航的结构如下所示，

View : A
{

Navigation View {
     // List View on click 
     // Takes me to a Tab View
     NavigationLink(destination : Tab View)

}

}

View : Tab View
{
       ViewX 
            .tag(0)
            .tabItem {
                Image(systemName: "video.bubble.left.fill")
                Text("View X")
                    .font(Font.custom("Roboto-Black", size: 30))
            }
       ViewY 
            .tag(0)
            .tabItem {
                Image(systemName: "video.bubble.left.fill")
                Text("View Y")
                    .font(Font.custom("Roboto-Black", size: 30))
            }

}

使用此结构我无法正确控制视图的导航标题。 如果我将每个选项卡项包装在导航视图中，我最终会按预期得到多个导航标题栏。 是否有任何特定方法（例如隐藏根导航栏）可以在嵌套视图中拥有一个具有适当标题更新的导航栏？

Answer 1

您将无法自动更新导航标题，您需要执行以下操作：

import SwiftUI

enum Tabs: String {
    case view1
    case view2
}

struct tab: View {

@State var activeTab = Tabs.view1

var body: some View {
    TabView(selection: $activeTab)
    {
        Text("View1")
            .tag(Tabs.view1)
                .tabItem {
                    Image(systemName: "video.bubble.left.fill")
                    Text("View X")
                        .font(Font.custom("Roboto-Black", size: 30))
                }
               
        Text("View2")
            .tag(Tabs.view2)
                .tabItem {
                    Image(systemName: "video.bubble.left.fill")
                    Text("View Y")
                        .font(Font.custom("Roboto-Black", size: 30))
                }
             

    }
    .navigationTitle("Active View: \(activeTab.rawValue)")
}
}