ios - SwiftUI 显示/隐藏 NavigationBar 的标题问题

Question

我有以下代码结构，这给我带来了很多麻烦:

//Main View
struct ContentView: View {

    var body: some View {
        NavigationView{
            ZStack(alignment: .center){
                CarouselBuilder()
                ProfileInvoke().navigationBarTitle("").navigationBarHidden(true)
            }
        }
    }
}

//Carousel filled with Cards from a DB 
...code irrelevant for my problem

//Profile Invoke -> Invokes a slide out menu called Menu that has NavigationLinks in it
struct Menu: View {
    var body: some View {
        ZStack{
            VStack(alignment: .center){
                    MenuButton(buttonText: "Settings", buttonCallView: AnyView(SettingsView() ))
                    MenuButton(buttonText: "My Favourites", buttonCallView: AnyView(MyFavouritesView()))
                    MenuButton(buttonText: "Sign Out", buttonCallView: AnyView(SignOutView()))
            }.frame(width: UIScreen.main.bounds.width/1.2,alignment: .top)
        }
    }
}

//MenuButtons are basic NavigationLinks linking to certain Views given as argument when calling them

我现在将 ZStack 包装在 NavigationView 的主视图中，我需要这样做才能使 NavigationLinks 正常工作。我还必须在这个“顶层”级别执行此操作，因为我需要新 View ，它将被滑出菜单中的链接调用以占据整个屏幕，而不仅仅是显示滑出 View 的宽度。

我现在的问题是我当然不希望导航栏占用主视图中的空间。为此，我将它的隐藏属性设置为 true。这会贯穿整个应用程序，并且还会禁用菜单中按钮链接到的 subview 中的导航 View 。这让我无法回头。

我的问题是: 1)有没有更优雅的方式来做这一切？ 2) 如何在 subview 中重新调用导航栏？ (将它们的隐藏导航栏属性设置回 false 无效。

Answer 1

下面是一种在 Root View 中隐藏导航栏并在 subview 中显示的可能方法。唯一需要的修改是在 Root View 中。

使用 Xcode 11.4/iOS 13.4 测试

这里只是一个根， subview 是常规的，不需要针对这种情况的特殊代码。查看内嵌的重要注释。

struct RootNavigationView: View {
    @State private var hideBar = true // << track hide state, and default
    var body: some View {
        NavigationView {
            VStack {
                Text("I'm ROOT")
                Divider()
                NavigationLink("Goto Child", destination: NextChildView(index: 1))
                 .simultaneousGesture(TapGesture().onEnded {
                    self.hideBar = false     // << show, here to be smooth !!
                 })
            }
            .navigationBarHidden(hideBar)
        //    .navigationBarTitle("Back to Root") // << optional 
            .onAppear {
                self.hideBar = true  // << hide on back
            }
        }
    }
}