SwiftUI多层导航Sheet无法直接关闭问题求助

问题分析 #

当Sheet内嵌套多层NavigationView时，使用@Environment(\.presentationMode)（或iOS15+的@Environment(\.dismiss)）默认只会处理当前导航栈的返回，而非关闭整个Sheet。这是因为每个导航页面的presentationMode对应的是自身所在的导航层级，而非Sheet的展示状态。

可行方案 #

方案1：通过绑定的Bool值从源头控制（兼容全iOS版本） #

在触发Sheet的父视图（TodayView）中维护showSheet状态，将这个绑定传递到Sheet内的所有层级视图，直接修改该值来关闭Sheet。

1. 修改ProfileAndSettingsView，添加绑定参数：

struct ProfileAndSettingsView: View {
    @Binding var showSheet: Bool // 添加绑定
    
    var body: some View {
        NavigationView {
            VStack {
                List {
                    Section {
                        NavigationLink {
                            // 传递绑定到深层视图
                            UserProfileView(showSheet: $showSheet)
                        } label: {
                            HStack(alignment: .center) {
                                Image("avatar")
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .clipShape(Circle())
                                    .frame(width: 60, height: 60)
                                
                                VStack(alignment: .leading) {
                                    Text("Name Surname")
                                        .font(.title2)
                                        .fontWeight(.bold)
                                    
                                    Text("Profile Settings, Feed Preferences\n& Linked Accounts")
                                        .font(.caption)
                                }
                            }
                        }
                        .padding(.vertical, 6)
                    }
                }
                .listStyle(.insetGrouped)
                
                .navigationTitle("Profile & Settings")
                .navigationBarTitleDisplayMode(.inline)
                
                .toolbar {
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Button {
                            showSheet = false // 直接修改绑定关闭Sheet
                        } label: {
                            Text("Done")
                        }
                    }
                }
            }
        }
    }
}

2. 创建UserProfileView并使用绑定关闭Sheet：

struct UserProfileView: View {
    @Binding var showSheet: Bool
    
    var body: some View {
        VStack {
            Text("User Profile Page")
        }
        .navigationTitle("My Profile")
        .toolbar {
            ToolbarItem(placement: .navigationBarTrailing) {
                Button("Done") {
                    showSheet = false // 直接关闭整个Sheet
                }
            }
        }
    }
}

3. 修改TodayView中Sheet的调用，传递绑定：

// 在TodayView的toolbar中修改Sheet部分
.sheet(isPresented: $showSheet) {
    ProfileAndSettingsView(showSheet: $showSheet)
}

方案2：使用iOS15+的@Environment(\.dismiss)结合导航栈重置（更简洁） #

iOS15及以上提供了更灵活的dismiss环境变量，我们可以先重置导航栈到根视图，再关闭Sheet。

1. 在ProfileAndSettingsView中，替换NavigationView为NavigationStack（iOS16+）并控制导航栈：

struct ProfileAndSettingsView: View {
    @Environment(\.dismiss) private var dismiss
    @State private var path = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $path) {
            VStack {
                List {
                    Section {
                        NavigationLink(value: "profile") {
                            HStack(alignment: .center) {
                                Image("avatar")
                                    .resizable()
                                    .aspectRatio(contentMode: .fit)
                                    .clipShape(Circle())
                                    .frame(width: 60, height: 60)
                                
                                VStack(alignment: .leading) {
                                    Text("Name Surname")
                                        .font(.title2)
                                        .fontWeight(.bold)
                                    
                                    Text("Profile Settings, Feed Preferences\n& Linked Accounts")
                                        .font(.caption)
                                }
                            }
                        }
                        .padding(.vertical, 6)
                    }
                }
                .listStyle(.insetGrouped)
                .navigationDestination(for: String.self) { value in
                    if value == "profile" {
                        UserProfileView(path: $path, dismiss: dismiss)
                    }
                }
                .navigationTitle("Profile & Settings")
                .navigationBarTitleDisplayMode(.inline)
                .toolbar {
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Button {
                            dismiss()
                        } label: {
                            Text("Done")
                        }
                    }
                }
            }
        }
    }
}

2. 在UserProfileView中，先清空导航栈再关闭Sheet：

struct UserProfileView: View {
    @Binding var path: NavigationPath
    var dismiss: DismissAction
    
    var body: some View {
        VStack {
            Text("User Profile Page")
        }
        .navigationTitle("My Profile")
        .toolbar {
            ToolbarItem(placement: .navigationBarTrailing) {
                Button("Done") {
                    path.removeLast(path.count) // 重置导航栈到根
                    dismiss() // 关闭Sheet
                }
            }
        }
    }
}

方案3：自定义环境键（全局传递关闭动作） #

如果Sheet内有多个层级，传递绑定可能繁琐，可以自定义环境键来全局共享关闭Sheet的动作。

1. 定义自定义环境键：

struct DismissSheetActionKey: EnvironmentKey {
    static let defaultValue: () -> Void = {}
}

extension EnvironmentValues {
    var dismissSheet: () -> Void {
        get { self[DismissSheetActionKey.self] }
        set { self[DismissSheetActionKey.self] = newValue }
    }
}

2. 在TodayView中给Sheet注入关闭动作：

.sheet(isPresented: $showSheet) {
    ProfileAndSettingsView()
        .environment(\.dismissSheet) {
            showSheet = false
        }
}

3. 在任意层级视图中使用：

// ProfileAndSettingsView中
@Environment(\.dismissSheet) private var dismissSheet

// Done按钮动作
Button {
    dismissSheet()
} label: {
    Text("Done")
}

// UserProfileView中同样使用
@Environment(\.dismissSheet) private var dismissSheet

Button("Done") {
    dismissSheet()
}

总结 #

• 若需要兼容低版本iOS，推荐使用方案1的绑定传递方式；
• 若使用iOS15+，方案2更符合现代SwiftUI的设计；
• 若Sheet内层级较多，方案3的自定义环境键能减少参数传递的繁琐。

内容的提问来源于stack exchange，提问作者Ivan N.