Question

我有3个视图。我想在第三个视图中隐藏导航栏。即使我给出 .navigationBarHidden（true），导航栏也会显示！

我找不到我做错的地方。我已经在下面附加了我的代码和生成的屏幕截图。

Xcode版本-11.1

struct ContentViewOne: View {
    var body: some View {
        NavigationView {
            ZStack {

                Color.yellow.edgesIgnoringSafeArea(.all)
                VStack(spacing: 20) {
                    Text("View One")

                    NavigationLink(destination: ContentViewTwo()) {
                        Text("Navigate to View Two")
                            .foregroundColor(.white)
                            .padding()
                            .background(Color.red)
                    }
                }
            }
            .navigationBarTitle("View One")
        }
    }
}

struct ContentViewTwo: View {
    var body: some View {

        ZStack {
            Color.green.edgesIgnoringSafeArea(.all)
            VStack(spacing: 20) {
                Text("View Two")
                NavigationLink(destination: ContentViewThree()) {
                    Text("Navigate to View Three")
                        .foregroundColor(.white)
                        .padding()
                        .background(Color.red)
                }
            }
        }
        .navigationBarTitle("View Two")
    }
}

struct ContentViewThree: View {
    var body: some View {
        ZStack {
            Color.gray.edgesIgnoringSafeArea(.all)
            Text("View Three")
        }
        .navigationBarTitle("View Three")
        .navigationBarHidden(true)
        .navigationBarBackButtonHidden(true)
    }
}

Answer 1

要专门在第三个NavigationBar中隐藏View。您必须删除.navigationBarTitle("View Three")，然后隐藏栏：

struct ContentViewThree: View {
    var body: some View {
        ZStack {
            Color.gray.edgesIgnoringSafeArea(.all)
            Text("View Three")
        }
        .navigationBarHidden(true)
        .navigationBarBackButtonHidden(true)
    }
}

Answer 2

我尝试了多种解决方案，包括 UINavigationControllerDelegate，但似乎没有任何方法可以永久隐藏导航栏。直到我尝试 KVO :)

所以如果你想要一个永久的解决方案，使用这个：

struct NoBarNavigationView<Content: View>: View {

    private let content: Content

    init(@ViewBuilder content: () -> Content) {
        self.content = content()
    }

    var body: some View {
        NavigationView {
            content
                .introspectNavigationController { (UINavigationController) in
                    NavigationControllerDelegate.shared.becomeDelegate(of: UINavigationController)
                }
        }
    }
}

class NavigationControllerDelegate: NSObject {

    static let shared = NavigationControllerDelegate()

    func becomeDelegate(of navigationController: UINavigationController) {
        navigationController.isNavigationBarHidden = true
        navigationController.navigationBar.isHidden = true
        navigationController.navigationBar.addObserver(self, forKeyPath: "alpha", options: .new, context: nil)
    }

    override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
        // This is necessary to ensure the UINavigationBar remains hidden
        if let navigationBar = object as? UINavigationBar {
            navigationBar.isHidden = true
        }
    }

}

快乐编码！

编辑：正如评论中指出的，我正在使用：

import Introspect

GitHub link

Answer 3

注意：（出于某些原因，它在某些情况下仍然有效）SwiftUI要求您.navigationBarTitle才能使.navigationBarHidden正常工作。

NavigationView {
    ScrollView() {
     ......
    }.  
    .navigationBarTitle("") //this must be empty
    .navigationBarHidden(true)
    .navigationBarBackButtonHidden(true)
}

Answer 4

发布此内容可在不隐藏SwiftUI NavigationBar或隐藏它时仍占用空间的情况下提供更多可见性：

.navigationBarHidden(true)
.navigationBarTitle("", displayMode: .inline)
.edgesIgnoringSafeArea([.top, .bottom])

这设置了一个标题（旧的swiftUI版本有时需要破解），隐藏了该栏，还告诉渲染引擎忽略为导航栏保留空间的任何安全区域（假定）。

Answer 5

您需要在navigationView上添加.navigationBarHidden（true），或者，如果您有NavigationLink，则需要在Link上添加

   NavigationLink("",
                               destination: Text("TEST"),
                               tag: linkValue,
                               selection: $linksNavigator.selection)
                    **.navigationBarHidden(true)**

[SwiftUI]：导航栏隐藏不起作用

5 个答案: