SwiftUI：打开新Sheet时保持原有Sheet的导航栈状态

失效原因 #

1. 状态联动冲突：单层Sheet场景下，用主视图单个@State布尔值控制显示/关闭没问题，但多层导航时，如果SubSheetA/B的导航状态、InfoSubView的显示状态都绑定到主视图的同一类状态变量，关闭InfoSubView时可能意外触发SubSheetB的状态重置。
2. 视图层级重绘影响：SwiftUI的sheet修饰符依赖视图层级，当在SubSheetB中打开InfoSubView，关闭Info时会触发SubSheetB所在视图的重计算。如果SubSheetB的显示没有用独立状态隔离，重绘过程中会导致其绑定的布尔值被误设为false，从而自动关闭。
3. 旧方案的局限性：单层场景的解决方案通常只处理了单个Sheet的状态，没有考虑多层导航下的状态隔离和视图层级影响，自然无法适配复杂场景。

解决方案 #

核心思路是状态分层隔离+手动控制Sheet关闭，避免不同Sheet的状态相互干扰。

1. 用ViewModel统一管理独立状态 #

把每个Sheet的显示、导航状态封装到ObservableObject中，让不同Sheet的状态互不干扰：

class SheetNavVM: ObservableObject {
    // 主Sheet显示状态
    @Published var showMainSheet = true
    // Info Sheet显示状态
    @Published var showInfoSheet = false
    
    // 子导航跳转状态
    @Published var goToSubA = false
    @Published var goToSubB = false
}

2. 用@Environment(\.dismiss)手动关闭Sheet #

在每个Sheet/子视图中，通过环境变量dismiss()关闭当前视图，而不是修改主视图的状态，避免影响上层视图。

完整示例代码 #

import SwiftUI

// 统一状态管理ViewModel
class SheetNavVM: ObservableObject {
    @Published var showMainSheet = true
    @Published var showInfoSheet = false
    
    @Published var goToSubA = false
    @Published var goToSubB = false
}

// 主视图
struct MainView: View {
    @StateObject private var vm = SheetNavVM()
    
    var body: some View {
        Button("打开Info") {
            vm.showInfoSheet = true
        }
        .sheet(isPresented: $vm.showMainSheet) {
            MainSheetView(vm: vm)
        }
        .sheet(isPresented: $vm.showInfoSheet) {
            InfoSubView()
        }
    }
}

// 主Sheet视图
struct MainSheetView: View {
    @ObservedObject var vm: SheetNavVM
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        NavigationStack {
            Button("进入SubSheetA") {
                vm.goToSubA = true
            }
            .navigationTitle("主Sheet")
            .navigationDestination(isPresented: $vm.goToSubA) {
                SubSheetA(vm: vm)
            }
            .toolbar {
                Button("关闭主Sheet") {
                    dismiss()
                }
            }
        }
    }
}

// SubSheetA视图
struct SubSheetA: View {
    @ObservedObject var vm: SheetNavVM
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        NavigationStack {
            Button("进入SubSheetB") {
                vm.goToSubB = true
            }
            .navigationTitle("SubSheetA")
            .navigationDestination(isPresented: $vm.goToSubB) {
                SubSheetB(vm: vm)
            }
            .toolbar {
                Button("返回主Sheet") {
                    dismiss()
                }
            }
        }
    }
}

// SubSheetB视图
struct SubSheetB: View {
    @ObservedObject var vm: SheetNavVM
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        NavigationStack {
            Button("打开Info") {
                vm.showInfoSheet = true
            }
            .navigationTitle("SubSheetB")
            .toolbar {
                Button("返回SubSheetA") {
                    dismiss()
                }
            }
        }
    }
}

// Info子视图
struct InfoSubView: View {
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        VStack(spacing: 20) {
            Text("Info内容展示")
            Button("关闭Info") {
                dismiss()
            }
            .buttonStyle(.borderedProminent)
        }
        .padding()
    }
}

代码说明 #

• 所有Sheet的显示、导航状态都由SheetNavVM统一管理，每个状态变量独立，关闭InfoSubView时只会修改showInfoSheet，不会影响SubSheetB的导航状态。
• 每个视图用@Environment(\.dismiss)关闭自身，操作只作用于当前视图层级，不会触发上层Sheet的状态变化。
• 导航跳转用navigationDestination，与Sheet的显示状态完全分离，避免视图重绘时的状态干扰。

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