如何让NavigationView隐藏导航栏后顶部NavigationButton可交互？

我之前也遇到过这个问题！隐藏导航栏后，NavigationView其实还偷偷保留了导航栏的点击区域（hit test范围），所以你用负padding把按钮移上去后，点击事件被那个不可见的导航栏截胡了，zIndex没用是因为导航栏的层级本来就比内容视图高。

给你两个靠谱的解决方案：

方案一：SwiftUI原生布局调整（推荐） #

不用负padding，直接让内容视图忽略顶部安全区，这样按钮自然顶到屏幕顶部，同时避开导航栏的残留点击区域：

struct ContentView : View {
    var body: some View {
        NavigationView {
            VStack {
                // 注意：如果是新版本SwiftUI，NavigationButton已经被NavigationLink取代，记得替换
                NavigationLink(destination: Text("Button Clicked")) {
                    Text("Hello World")
                        .background(Color.yellow)
                }
                Spacer()
            }
            .edgesIgnoringSafeArea(.top) // 让VStack延伸到屏幕顶部，忽略顶部安全区
        }
        .navigationBarTitle("", displayMode: .inline) // 设置空标题，确保导航栏没有残留布局空间
        .navigationBarHidden(true)
    }
}

这个方法的核心是利用edgesIgnoringSafeArea(.top)让你的VStack直接顶到屏幕最上方，不需要手动调整padding，同时通过空标题确保导航栏完全释放布局空间，不会留下点击拦截的区域。

方案二：禁用导航栏的点击交互（适合必须用负padding的场景） #

如果你因为某些原因必须保留负padding，可以通过UIKit的API禁用隐藏导航栏的用户交互，这样点击事件就会落到你的按钮上：

首先创建一个自定义的UIViewController包装器：

struct DisableNavigationBarHitTest: UIViewControllerRepresentable {
    func makeUIViewController(context: Context) -> UIViewController {
        let vc = UIViewController()
        // 延迟执行，确保导航控制器已经初始化完成
        DispatchQueue.main.async {
            vc.navigationController?.navigationBar.isUserInteractionEnabled = false
        }
        return vc
    }
    
    func updateUIViewController(_ uiViewController: UIViewController, context: Context) {}
}

然后在你的视图里使用它：

struct ContentView : View {
    var body: some View {
        NavigationView {
            VStack {
                NavigationButton(destination: Text("Button Clicked")) {
                    Text("Hello World")
                        .background(Color.yellow)
                }
                Spacer()
            }
            .padding([.top], -95) // 保留你的负padding设置
            .background(DisableNavigationBarHitTest()) // 禁用导航栏的点击交互
        }
        .navigationBarHidden(true)
    }
}

这样一来，隐藏的导航栏就不会再拦截点击事件，你的按钮就能正常响应了。

内容的提问来源于stack exchange，提问作者RPatel99