iOS 16中如何结合NavigationStack以Sheet形式打开页面？

要实现特定路由触发时以Sheet形式打开页面，核心思路是将路由类型与Sheet展示逻辑结合，通过监听导航路径的变化区分普通导航和Sheet路由，具体实现步骤如下：

1. 定义包含Sheet类型的路由枚举 #

统一管理所有路由，在枚举中明确区分普通导航路由和Sheet路由：

enum AppRoute: Hashable {
    // 普通导航路由
    case home
    case detail(id: Int)
    case settings
    // Sheet类型路由
    case profileSheet(userId: String)
    
    // 可选：添加判断是否为Sheet的计算属性，简化后续逻辑
    var isSheet: Bool {
        switch self {
        case .profileSheet: return true
        default: return false
        }
    }
}

2. 主视图中结合NavigationStack与Sheet逻辑 #

在主视图里，通过NavigationStack管理导航路径，同时监听路径变化触发Sheet弹窗，并在navigationDestination中仅处理普通导航路由：

struct ContentView: View {
    @State private var navigationPath = [AppRoute]()
    @State private var presentedSheet: AppRoute?
    
    var body: some View {
        NavigationStack(path: $navigationPath) {
            List {
                // 触发普通导航
                Button("跳转到详情页") {
                    navigationPath.append(.detail(id: 123))
                }
                // 触发Sheet路由
                Button("打开个人资料Sheet") {
                    navigationPath.append(.profileSheet(userId: "user_456"))
                }
            }
            .navigationTitle("主页")
            // 处理普通导航路由
            .navigationDestination(for: AppRoute.self) { route in
                switch route {
                case .home:
                    HomeView()
                case .detail(let id):
                    DetailView(id: id)
                case .settings:
                    SettingsView()
                case .profileSheet:
                    // Sheet类型路由无需返回视图，直接用EmptyView占位
                    EmptyView()
                }
            }
            // Sheet弹窗展示逻辑
            .sheet(item: $presentedSheet) { sheetRoute in
                switch sheetRoute {
                case .profileSheet(let userId):
                    ProfileSheetView(userId: userId)
                        .presentationDetents([.medium, .large]) // 可选：设置Sheet展示尺寸
                default:
                    EmptyView()
                }
            }
            // 监听导航路径变化，触发Sheet
            .onChange(of: navigationPath) { newPath in
                guard let lastRoute = newPath.last, lastRoute.isSheet else { return }
                // 触发Sheet弹窗
                presentedSheet = lastRoute
                // 从导航路径中移除Sheet路由，避免污染导航栈
                navigationPath.removeLast()
            }
        }
    }
}

关键逻辑说明 #

• 路由统一管理：通过枚举整合所有页面跳转逻辑，无论是普通导航还是Sheet弹窗，都可以通过同一套路由体系触发，便于后续维护。
• 路径监听与处理：利用onChange监听导航路径变化，检测到Sheet类型路由时立即触发弹窗，并移除该路由——因为Sheet不属于导航栈的一部分，避免残留无效路由导致的异常。
• 导航目标拆分：navigationDestination仅处理普通导航路由，Sheet类型路由直接返回EmptyView占位，避免冲突。

这种方案既保留了NavigationStack的路由管理优势，又能灵活实现Sheet弹窗的触发需求，完全适配iOS 16的新导航体系。

内容的提问来源于stack exchange，提问作者bjorn.lau