SwiftUI子视图NavigationDestination同类型冲突的替代实现方案咨询

方案一：自定义导航枚举（推荐） #

通过定义带关联值的枚举统一所有导航路径，既避免基础类型冲突，又能自然传递页面所需数据。

首先定义遵循Hashable的导航枚举（NavigationStack要求导航值可哈希）：

enum NavigationRoute: Hashable {
    case secondary
    case third(String) // 关联name参数
}

修改主视图，用枚举作为导航值并处理跳转逻辑：

struct MainView: View {
    var body: some View {
        NavigationStack {
            NavigationLink(value: NavigationRoute.secondary) {
                Text("Second View")
            }
            .navigationDestination(for: NavigationRoute.self) { route in
                switch route {
                case .secondary:
                    SecondaryView()
                case .third(let name):
                    ThirdView(name: name)
                }
            }
        }
    }
}

在第二视图中，直接将输入的name关联到枚举值进行跳转：

struct SecondaryView: View {
    @State private var name = ""
    
    var body: some View {
        VStack {
            TextField("输入名称", text: $name)
                .textFieldStyle(.roundedBorder)
                .padding()
            
            NavigationLink(value: NavigationRoute.third(name)) {
                Text("跳转至第三视图")
            }
        }
    }
}

第三视图接收参数展示即可：

struct ThirdView: View {
    let name: String
    
    var body: some View {
        Text("你好，\(name)！")
            .font(.title)
    }
}

这个方案的优势是所有导航路径集中管理，代码可读性高，后续新增页面只需在枚举中添加case即可，无需新增零散类型。

方案二：自定义导航结构体 #

如果不想用枚举，也可以为每个导航路径定义独立的结构体，通过结构体携带参数，避免基础类型冲突：

先定义对应第二、第三视图的导航结构体：

// 跳转到第二视图的导航标识
struct SecondaryRoute: Hashable {}

// 跳转到第三视图的导航标识，携带name参数
struct ThirdRoute: Hashable {
    let name: String
}

主视图使用SecondaryRoute跳转：

struct MainView: View {
    var body: some View {
        NavigationStack {
            NavigationLink(value: SecondaryRoute()) {
                Text("Second View")
            }
            .navigationDestination(for: SecondaryRoute.self) { _ in
                SecondaryView()
            }
        }
    }
}

第二视图使用ThirdRoute携带name跳转：

struct SecondaryView: View {
    @State private var name = ""
    
    var body: some View {
        VStack {
            TextField("输入名称", text: $name)
                .textFieldStyle(.roundedBorder)
                .padding()
            
            NavigationLink(value: ThirdRoute(name: name)) {
                Text("跳转至第三视图")
            }
            .navigationDestination(for: ThirdRoute.self) { route in
                ThirdView(name: route.name)
            }
        }
    }
}

这种方式适合不想集中管理导航路径的场景，每个页面的导航逻辑更独立。

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