SwiftUI：解决导航栈内详情页弹出Sheet时导航栈被意外关闭的问题

这个问题在TabBar搭配NavigationView的SwiftUI项目里相当常见，核心原因要么是旧版NavigationView的状态管理缺陷，要么是视图层级结构导致导航栈被意外重置。下面给你几个针对性的解决方案：

方案一：升级使用NavigationStack（iOS 16+ 推荐） #

如果你只需要支持iOS 16及以上版本，直接用NavigationStack替代NavigationView就能彻底解决这个问题——它的导航状态管理比旧的NavigationView稳定得多，不会出现Sheet干扰导航栈的情况。

修改你的TabBar代码：

var body: some View {
    ZStack {
        switch selectedTab {
        case 0:
            // 把NavigationView替换成NavigationStack
            NavigationStack {
                HomeView(hideTabbar: $hideTabbar, selectedTabIndex: $selectedTab)
                    .navigationBarHidden(true)
            }
        }
    }
}

HomeView和DetailView里的NavigationLink、Sheet代码不需要做任何修改，直接兼容。

方案二：调整NavigationView的层级（兼容iOS 15及以下） #

如果需要支持iOS 15或更早版本，你可以调整NavigationView的放置位置，避免它直接嵌套在TabBar的switch分支里：

子方案2.1：让每个Tab的根视图自己包含NavigationView #

把NavigationView移到HomeView内部，这样每个Tab的导航栈是独立的，不会受TabBar视图层级变化的影响：

修改HomeView代码：

var body: some View{
    NavigationView {
        ScrollView(.vertical, showsIndicators: false, content: {
            LazyVStack(alignment: .leading, spacing: 15, pinnedViews: [], content: {
                // 原有的Section、ForEach代码保持不变
            })
            .padding(.top, 5)
        })
        .navigationBarHidden(true)
    }
}

然后TabBar里的代码简化为：

var body: some View {
    ZStack {
        switch selectedTab {
        case 0:
            HomeView(hideTabbar: $hideTabbar, selectedTabIndex: $selectedTab)
        }
    }
}

子方案2.2：把NavigationView包裹在TabBar外层 #

如果你的所有Tab共享同一个导航栈逻辑，也可以把整个TabBar包裹在NavigationView里：

var body: some View {
    NavigationView {
        ZStack {
            switch selectedTab {
            case 0:
                HomeView(hideTabbar: $hideTabbar, selectedTabIndex: $selectedTab)
                    .navigationBarHidden(true)
            }
        }
    }
}

方案三：切换Sheet的绑定方式（备选） #

如果上面的方案都不适用，你可以尝试把Sheet的isPresented绑定换成item绑定，有时候能避免状态冲突：

修改DetailView的代码：

// 把原来的@State private var showingSheet = false替换成
@State private var sheetTrigger: Bool? = nil

var body: some View{
    ZStack {
        Button(action: { sheetTrigger = true }) {
            // 原按钮内容不变
        }
        .background(Color(.secondarySystemBackground).opacity(0.6))
        .cornerRadius(8)
        // 用item绑定替代isPresented
        .sheet(item: $sheetTrigger) { _ in
            SheetView()
        }
    }
}

这个方法作为备选，不一定能解决所有情况，但在某些特殊场景下有效。

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