SwiftUI中.navigationDestination重复声明报错及跳转异常求助

控制台的报错已经点明核心问题：你在导航栈的多个视图里重复声明了针对testApp.Item类型的.navigationDestination。SwiftUI会自动忽略所有非根视图附近的同类型声明，只保留最靠近导航栈根的那个。当你点击列表项跳转时，实际触发的是根视图里的目标逻辑（大概率根视图的这个目标没有正确展示详情页，甚至可能直接导致返回），所以才会出现详情页短暂显示后立刻弹回列表的情况。

1. 统一navigationDestination声明位置 #

把所有针对Item类型的跳转目标，只在导航栈的根视图（也就是包裹NavigationStack的最外层视图）里声明一次，彻底移除子视图（比如列表页）中重复的.navigationDestination代码。

2. 统一管理导航路径 #

确保整个导航栈使用同一个NavigationPath（或者绑定的状态变量）来控制跳转，不要在子视图里单独维护跳转状态，避免状态冲突导致的异常跳转。

// 根视图：统一声明所有导航目标
struct ContentView: View {
    @State private var navigationPath = NavigationPath()
    
    var body: some View {
        NavigationStack(path: $navigationPath) {
            Button("Calculate") {
                // 跳转到列表页
                navigationPath.append("itemList")
            }
            // 声明列表页的跳转目标
            .navigationDestination(for: String.self) { route in
                if route == "itemList" {
                    ItemListView(path: $navigationPath)
                }
            }
            // 统一在这里声明Item的详情页跳转目标
            .navigationDestination(for: Item.self) { item in
                ItemDetailView(item: item)
            }
        }
    }
}

// 列表页：不再声明navigationDestination，直接操作导航路径
struct ItemListView: View {
    @Binding var path: NavigationPath
    let items: [Item] = [Item(name: "第一个项目"), Item(name: "第二个项目")]
    
    var body: some View {
        List(items) { item in
            Button(item.name) {
                // 直接把Item对象加入导航路径，触发根视图的目标
                path.append(item)
            }
        }
    }
}

// 详情页：只负责展示内容
struct ItemDetailView: View {
    let item: Item
    
    var body: some View {
        VStack {
            Text("项目详情")
            Text("名称：\(item.name)")
        }
    }
}

// 数据模型
struct Item: Identifiable {
    let id = UUID()
    let name: String
}

• 不要在子视图里重复声明同类型的navigationDestination，这是SwiftUI导航栈的硬性规则，重复声明会导致逻辑冲突。
• 所有跳转逻辑通过同一个NavigationPath来触发，根视图的navigationDestination负责根据不同的类型展示对应的目标视图，这样整个导航流程会保持一致，不会出现闪回问题。

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