iOS16 SwiftUI：如何在Navigation Destination传递视图数组？

你的核心问题出在TitleLinkPage结构体中的pageView: any View：

• SwiftUI的navigationDestination依赖明确的类型匹配，而any View是类型擦除的抽象类型，导航系统无法正确识别和传递视图；
• View协议本身不遵循Hashable，你让结构体实现Hashable时，默认合成的哈希逻辑会失效，导致导航链路无法正常工作。

方案一：用枚举定义页面类型（推荐） #

通过枚举明确每个页面的类型，避免类型擦除问题，同时让导航逻辑更清晰易维护：

1. 定义页面枚举 #

enum PageType: Identifiable, Hashable {
    case movieTitles
    case literature
    case trafficLights
    case historyChannel
    
    // 自动实现Identifiable，用枚举case本身作为唯一标识
    var id: Self { self }
    
    // 页面名称映射
    var nameItem: String {
        switch self {
        case .movieTitles: return "See Movies"
        case .literature: return "Visit Literature"
        case .trafficLights: return "Traffic Information"
        case .historyChannel: return "See History"
        }
    }
}

2. 修改ContentView代码 #

import SwiftUI

struct ContentView: View {
    let titleLink: [PageType] = [.movieTitles, .literature, .trafficLights, .historyChannel]
    
    var body: some View {
        VStack {
            Text("Welcome to our page")
            
            NavigationStack {
                List(titleLink) { page in
                    NavigationLink(page.nameItem, value: page)
                }
                // 根据枚举类型匹配对应的目标视图
                .navigationDestination(for: PageType.self) { page in
                    switch page {
                    case .movieTitles: MovieTitles()
                    case .literature: Literature()
                    case .trafficLights: TrafficLights()
                    case .historyChannel: HistoryChannel()
                    }
                }
            }
        }
        .padding()
    }
}

这种方式的优势：

• 枚举case是明确的类型，完全符合navigationDestination的类型匹配要求；
• 页面名称与视图的映射集中管理，后续新增页面只需扩展枚举即可；
• 避免了类型擦带来的潜在问题。

方案二：修复结构体的Hashable实现（不推荐） #

如果必须保留结构体存储视图的方式，需要手动实现Hashable逻辑（仅基于唯一的id，因为View无法哈希）：

struct TitleLinkPage: Identifiable, Hashable {
    var id = UUID()
    let pageView: any View
    let nameItem: String
    
    // 手动实现相等判断，仅比较id
    static func == (lhs: TitleLinkPage, rhs: TitleLinkPage) -> Bool {
        lhs.id == rhs.id
    }
    
    // 手动实现哈希逻辑，仅组合id
    func hash(into hasher: inout Hasher) {
        hasher.combine(id)
    }
}

修改后你的原有ContentView代码可以直接使用，但这种方式存在隐患：如果两个不同页面的id意外重复（UUID概率极低但存在可能），会导致导航逻辑混乱，因此仅适合临时场景。

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