SwiftUI中如何结合路径与多枚举类型目的地使用NavigationStack

问题场景 #

我想在SwiftUI的NavigationStack中使用支持多目的地类型的自定义导航路径数组，当前实现方式如下：

enum A: Hashable { /* ... */ }
enum B: Hashable { /* ... */ }

NavigationStack(path: $navigationPath) {
    // 根视图内容
    ...
    .navigationDestination(for: A.self) { item in
        // A类型对应的目标视图
        ...
    }
    .navigationDestination(for: B.self) { item in
        // B类型对应的目标视图
        ...
    }
}

使用NavigationPath时，多目的地匹配运行正常，但存在两个核心问题：

• 无法直接查看路径内容（比如获取路径的最后一个元素）
• 缺乏类似布尔式导航isPresented = false的精准控制能力，只能无条件弹出最后一页或整个栈

尝试改用[AnyHashable]类型作为路径数组时，无法匹配多个navigationDestination，只能统一使用：

.navigationDestination(for: AnyHashable.self) { item in
    // 统一处理所有类型
    ...
}

但这不符合需求——我需要在视图层级的不同位置指定不同的目的地（比如根据依赖项可用性来决定）。

解决方案：自定义可枚举的路径类型 #

可以通过定义一个包含所有目的地类型的枚举（遵循Hashable），来替代NavigationPath或[AnyHashable]，既支持多目的地匹配，又能灵活控制路径内容。

步骤1：定义统一的路径枚举 #

enum NavigationRoute: Hashable {
    case a(A)
    case b(B)
    // 后续新增目的地类型只需添加对应的case
    // case c(C)
}

步骤2：使用自定义路径数组替代NavigationPath #

@State private var navigationPath: [NavigationRoute] = []

NavigationStack(path: $navigationPath) {
    // 根视图内容
    Button("跳转到A类型视图") {
        navigationPath.append(.a(A()))
    }
    Button("跳转到B类型视图") {
        navigationPath.append(.b(B()))
    }
    
    // 在对应视图层级指定目的地
    .navigationDestination(for: NavigationRoute.self) { route in
        switch route {
        case .a(let item):
            // A类型目标视图，可在这里注入所需依赖
            AView(item: item)
        case .b(let item):
            // B类型目标视图
            BView(item: item)
        }
    }
}

步骤3：灵活控制路径与获取内容 #

• 获取最后一个元素：

if let lastRoute = navigationPath.last {
    switch lastRoute {
    case .a(let item):
        // 处理A类型的最后一个元素
    case .b(let item):
        // 处理B类型的最后一个元素
    }
}

• 精准弹出指定页面：

// 弹出最后一页
navigationPath.removeLast()
// 弹出到根视图
navigationPath.removeAll()
// 弹出到倒数第二个页面
if navigationPath.count > 1 {
    navigationPath.removeLast(navigationPath.count - 1)
}

进阶：在不同视图层级拆分目的地处理 #

如果需要在不同视图层级指定目的地（比如子视图有自己的依赖，只能处理特定类型），可以拆分navigationDestination的声明：

NavigationStack(path: $navigationPath) {
    RootView()
        .navigationDestination(for: NavigationRoute.self) { route in
            switch route {
            case .a(let item):
                AView(item: item)
            // 这里不处理B类型，交给子视图
            default:
                EmptyView()
            }
        }
}

// 在RootView内部
struct RootView: View {
    @Binding var navigationPath: [NavigationRoute]
    let someLocalDependency: SomeDependency
    
    var body: some View {
        Button("跳转到B类型视图") {
            navigationPath.append(.b(B()))
        }
        .navigationDestination(for: NavigationRoute.self) { route in
            switch route {
            case .b(let item):
                // 这里可以注入RootView特有的依赖给BView
                BView(item: item, extraDependency: someLocalDependency)
            default:
                EmptyView()
            }
        }
    }
}

这种方式下，SwiftUI会自动匹配最接近当前视图层级的navigationDestination处理逻辑，满足依赖项可用性的需求。

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