iOS 16中navigationDestination绑定引发无限循环的原因与修复

问题复现场景 #

在iOS 16的NavigationStack嵌套导航中，使用navigationDestination结合指向@Published数组元素的Binding时，点击"Select client"按钮会触发无限循环：控制台持续打印VisitsView navigationDestination日志，伴随内存泄漏、CPU占用率拉满至100%。移除VisitFormView的Binding或改用传统NavigationLink初始化方式可临时解决，但需明确根因。

核心原因 #

SwiftUI依赖追踪机制与navigationDestination的懒加载特性冲突：

1. navigationDestination的闭包是系统动态生成目标视图的入口，会在导航状态变化、视图依赖更新时被重复调用。
2. 当直接传递$vm.list[id]这种指向值类型数组元素的Binding时，SwiftUI会将VisitsView的body与vm.list[id]的变化强绑定。而导航栈切换（如进入ClientsListView）会触发视图层级更新，值类型Visit的特性会让系统误判vm.list[id]发生了变更，进而触发VisitsView的body重建，再次调用navigationDestination闭包——如此往复形成无限循环。
3. 循环过程中不断创建新的视图实例，导致内存泄漏；同时CPU持续处理视图重建逻辑，占用率直接拉满。

有效解决办法 #

方案1：将选中状态独立为ViewModel的单独变量 #

避免直接绑定数组元素，改用ViewModel中单独维护的@Published变量存储选中对象，切断对数组元素的强依赖：

class VisitsViewModel: ObservableObject {
    @Published var list: [Visit] = (0...30).map { Visit(id: $0.formatted(), name: "Test \($0)") }
    @Published var selectedVisit: Visit? // 新增独立选中状态
}

struct VisitsView: View {
    @StateObject var vm = VisitsViewModel()

    var body: some View {
        List {
            ForEach(vm.list) { visit in
                NavigationLink(value: visit) {
                    Text(visit.name)
                }
            }
        }
        .navigationDestination(for: Visit.self) { visit in
            vm.selectedVisit = visit
            VisitFormView(selected: $vm.selectedVisit!)
        }
        .navigationTitle("Visits")
    }
}

方案2：将Visit改为引用类型（Class） #

把值类型的Visit改为class，数组中存储引用而非值，传递Binding时不会触发数组整体的依赖更新，避免系统误判值变化：

class Visit: Identifiable, Hashable {
    var id: String
    let name: String
    
    init(id: String, name: String) {
        self.id = id
        self.name = name
    }
    
    static func == (lhs: Visit, rhs: Visit) -> Bool {
        lhs.id == rhs.id
    }
    
    func hash(into hasher: inout Hasher) {
        hasher.combine(id)
    }
}

方案3：改用传统NavigationLink初始化方式 #

放弃navigationDestination的懒加载逻辑，使用带destination参数的传统NavigationLink直接创建目标视图，绕开动态闭包的依赖追踪问题：

struct VisitsView: View {
    @StateObject var vm = VisitsViewModel()

    var body: some View {
        List {
            ForEach(0..<vm.list.count, id:\.self) { index in
                NavigationLink {
                    VisitFormView(selected: $vm.list[index])
                } label: {
                    Text(vm.list[index].name)
                }
            }
        }
        .navigationTitle("Visits")
    }
}

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