SwiftUI 从子视图返回首页后NavigationBar出现多余空白如何解决？

你当前代码的逻辑是：从原始Home跳转到View2后，点击View2的按钮是通过NavigationLink创建了全新的Home实例入栈，而非退回到原有Home页面。新的Home内部又自带一个NavigationView，多层NavigationView嵌套堆叠后，就会出现导航栏区域多余空白的问题。

以下是两种常用的修复方案：

• 方案1：使用系统dismiss方法返回上一级（最常用，适合仅需返回上一级页面的场景）
  直接调用环境变量的dismiss方法关闭当前View2，回到原有Home，不需要新建Home实例。
  修改后的View2代码：

struct View2: View {
    // 引入dismiss环境变量，iOS15及以上支持
    @Environment(\.dismiss) private var dismiss

    var body: some View {
        VStack {
            Text("This is View 2")
                .padding()
            
            Button {
                // 调用dismiss返回上一级
                dismiss()
            } label: {
                Text("Go to Home view")
            }
            
        }
        .navigationTitle("View 1")
    }
}

如果需要兼容iOS15以下版本，可以替换为@Environment(\.presentationMode) private var presentationMode，点击按钮时调用presentationMode.wrappedValue.dismiss()即可。

• 方案2：绑定跳转状态回父视图（适合需要自定义返回逻辑、或跨多层页面返回的场景）
  把Home里控制跳转到View2的状态变量作为绑定值传入View2，返回时直接将状态置为false即可回到原有Home。
  修改后的Home代码：

struct Home: View {
    @State private var showView2 = false

    var body: some View {
        NavigationView {
            VStack {
                Text("Home View!")
                    .padding()
                
                NavigationLink(destination: View2(showSelf: $showView2), isActive: $showView2) { }
                
                Button {
                    showView2 = true
                } label: {
                    Text("Go to next view")
                }
                
            }
            .navigationTitle("Home")
        }
    }
}

修改后的View2代码：

struct View2: View {
    // 接收父视图传递的跳转状态绑定
    @Binding var showSelf: Bool

    var body: some View {
        VStack {
            Text("This is View 2")
                .padding()
            
            Button {
                // 状态置为false，自动回到父视图Home
                showSelf = false
            } label: {
                Text("Go to Home view")
            }
            
        }
        .navigationTitle("View 1")
    }
}

如果你的项目最低支持iOS16，更推荐使用NavigationStack替代已经废弃的NavigationView，NavigationStack基于路径管理导航栈，逻辑更清晰，能有效避免这类导航栈嵌套的异常问题。

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