SwiftUI 程序化触发NavigationLink控制台报错及跳转异常如何解决？

你当前代码的核心问题是：在ForEach循环中为每一个Place元素都创建了绑定到同一个showPlaceDetail布尔值的NavigationLink，多个导航链接共享同一激活状态，同时LazyVGrid的懒加载机制会导致状态命中错乱，最终触发SwiftUI内部导航冲突，出现报错和跳转目标不匹配的问题。

将共享布尔类型的导航状态改为绑定可选的目标元素类型，同时把NavigationLink移出循环，全局绑定选中状态即可解决冲突。

步骤1：修改导航状态类 #

class Navigation: ObservableObject {
    // 替换原有布尔类型字段，用可选值存储当前选中的目标元素
    @Published var selectedPlace: Place? = nil
}

步骤2：修改程序化触发的卡片网格视图 #

import SwiftUI
struct CardsGridProgrammatic: View {
    @EnvironmentObject var userPlaces: UserPlaces
    @EnvironmentObject var navigation: Navigation
    var gridLayout: [GridItem] = [GridItem(.flexible(minimum: 40), spacing: -36),GridItem(.flexible(minimum: 40), spacing: -36)]
    var body: some View {
        LazyVGrid(columns: gridLayout, spacing: 10) {
            ForEach(userPlaces.placesArray) { placeCard in
                Button(action: {
                    // 赋值当前选中的元素即可触发跳转
                    navigation.selectedPlace = placeCard
                    // 你需要执行的其他自定义方法可以放在此处
                }, label: { Text("label") })
            } // End ForEach
        } // End LazyVGrid
        // iOS 16+ 推荐使用navigationDestination处理跳转
        .navigationDestination(item: $navigation.selectedPlace) { place in
            // 传入选中的place生成对应的详情页
            Text("Destination: \(place.name)")
        }
        // 如果你需要兼容iOS 15及以下版本，用下方代码替代上面的navigationDestination
        /*
        NavigationLink(item: $navigation.selectedPlace) { place in
            Text("Destination: \(place.name)")
        } label: { EmptyView() }
        .isDetailLink(false)
        */
    } // End body
} // End struct

• 基于可选Identifiable元素绑定的导航方案，系统会自动处理导航状态的配对逻辑，不会出现多链接争抢状态的冲突，同时避免了循环内重复创建多个NavigationLink实例的冗余问题。
• 需要手动关闭详情页时，仅需将navigation.selectedPlace赋值为nil即可。

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