SwiftUI：如何向Hashable的NavigationObj传入View适配NavigationPath

核心问题在于：SwiftUI的View类型本身不遵循Hashable协议，直接将View实例存入NavigationObj会破坏其Hashable一致性，导致无法加入NavigationPath（因为NavigationPath要求元素必须可哈希）。

解决方案：存储页面标识而非View实例 #

我们可以通过存储页面的类型标识/配置信息替代直接存储View，在导航目标中根据标识动态构建View，同时统一管理导航栏标题。

步骤1：定义页面类型枚举（类型安全的标识）

创建一个遵循Hashable的枚举，用来区分不同的页面类型，还可以通过关联值传递页面所需参数：

@available(iOS 16.0, *)
enum PageType: Hashable {
    case contentView111
    case detailView(String) // 带参数的页面示例
}

步骤2：修改NavigationObj结构

移除直接存储View的属性，换成页面标识和导航标题：

@available(iOS 16.0, *)
struct NavigationObj: Identifiable, Hashable {
    let id = UUID()
    let navigationTitle: String // 导航栏标题
    let pageType: PageType // 页面类型标识
    
    var isEmpty: Bool {
        navigationTitle.isEmpty
    }
}

步骤3：在NavigationStack中动态构建View

在navigationDestination中，根据NavigationObj的pageType创建对应的View，并设置导航栏标题：

@available(iOS 16.0, *)
struct ContentView111: View {
    @EnvironmentObject private var globalObj: GlobalClass1
    
    var body: some View {
        NavigationStack(path: $globalObj.navigationPath) {
            VStack{
                Button(action: {
                    // 传入标题和页面类型，无需直接传View
                    globalObj.navigationPath.append(
                        NavigationObj(navigationTitle: "新页面", pageType: .contentView111)
                    )
                    // 带参数的页面示例
                    // globalObj.navigationPath.append(
                    //     NavigationObj(navigationTitle: "详情页", pageType: .detailView("测试参数"))
                    // )
                }, label: {
                    Text("进入下一页")
                })
                
                if !globalObj.navigationPath.isEmpty {
                    Button(action: {
                        globalObj.navigationPath = NavigationPath()
                    }, label: {
                        Text("返回首页")
                    })
                }
            }
            .navigationDestination(for: NavigationObj.self) { item in
                buildDestination(from: item)
                    .navigationTitle(item.navigationTitle) // 统一设置导航栏标题
            }
        }
    }
    
    // 根据页面标识构建对应的View
    private func buildDestination(from obj: NavigationObj) -> some View {
        switch obj.pageType {
        case .contentView111:
            ContentView111()
        case .detailView(let param):
            DetailView(param: param)
        }
    }
}

// 示例详情页
@available(iOS 16.0, *)
struct DetailView: View {
    let param: String
    @EnvironmentObject private var globalObj: GlobalClass1
    
    var body: some View {
        VStack {
            Text("详情页参数：\(param)")
            Button("再进一层") {
                globalObj.navigationPath.append(
                    NavigationObj(navigationTitle: "更深页面", pageType: .contentView111)
                )
            }
        }
    }
}

// 全局导航状态类保持不变
@available(iOS 16.0, *)
final class GlobalClass1: ObservableObject {
    @Published public var navigationPath = NavigationPath()
}

为什么这个方案可行？ #

• 枚举PageType天然遵循Hashable（只要关联值也遵循Hashable），保证NavigationObj的哈希稳定性。
• 通过动态构建View，我们既可以统一管理导航栏标题，也能灵活传递页面参数，同时满足NavigationPath对元素可哈希的要求。

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