如何从ObservableObject更新SwiftUI NavigationLink视图？

原始代码（最小可复现示例） #

struct ContentView: View {
    @StateObject var vm = VM()
    var body: some View {
        NavigationStack {
            VStack {
                ForEach(vm.list, id: \.self) { int in
                    NavigationLink {
                        DetailView(vm: vm, x: int)
                    } label: {
                        Text("\(int)")
                    }
                }
                Button {
                    vm.changeFirstElement()
                } label: {
                    Text("change")
                }
            }
        }
    }
}

struct DetailView: View {
    @ObservedObject var vm: VM
    let x: Int
    var body: some View {
        VStack {
            Text("\(x)")
            Button {
                vm.changeFor(index:x) //how to make this work?
            } label: {
                Text("change")
            }
        }
    }
}

class VM: ObservableObject {
    @Published var list = [1, 2, 3, 4]
    func changeFirstElement() {
        list[0] = 5
    }
}

问题原因 #

• 值类型快照导致数据不同步：传递给DetailView的x是Int值的副本，并非绑定到ViewModel中list的动态元素。即使ViewModel的list更新，这个副本不会自动变化，因此Text显示的内容始终是初始传递的值。
• 缺少对应修改方法：ViewModel中未实现changeFor方法，无法通过传入的x找到对应元素并修改。

修复方案 #

方案1：传递元素索引，动态依赖ViewModel数据源 #

让DetailView接收元素的索引，而非直接的Int值，使视图直接依赖ViewModel的list，数据更新时自动刷新：

struct ContentView: View {
    @StateObject var vm = VM()
    var body: some View {
        NavigationStack {
            VStack {
                // 遍历索引，确保传递正确的元素位置
                ForEach(vm.list.indices, id: \.self) { index in
                    NavigationLink {
                        DetailView(vm: vm, index: index)
                    } label: {
                        Text("\(vm.list[index])")
                    }
                }
                Button {
                    vm.changeFirstElement()
                } label: {
                    Text("change")
                }
            }
        }
    }
}

struct DetailView: View {
    @ObservedObject var vm: VM
    let index: Int
    
    // 动态获取当前值，绑定ViewModel的list
    private var currentValue: Int {
        vm.list[index]
    }
    
    var body: some View {
        VStack {
            Text("\(currentValue)")
            Button {
                vm.changeElement(at: index)
            } label: {
                Text("change")
            }
        }
    }
}

class VM: ObservableObject {
    @Published var list = [1, 2, 3, 4]
    
    func changeFirstElement() {
        list[0] = 5
    }
    
    // 实现修改指定索引元素的方法
    func changeElement(at index: Int) {
        guard index < list.count else { return }
        list[index] = list[index] + 10 // 可按需调整修改逻辑
    }
}

方案2：使用Binding直接绑定元素 #

通过Binding传递元素，直接操作绑定值即可同步回ViewModel：

struct ContentView: View {
    @StateObject var vm = VM()
    var body: some View {
        NavigationStack {
            VStack {
                ForEach($vm.list, id: \.self) { $item in
                    NavigationLink {
                        DetailView(item: $item)
                    } label: {
                        Text("\(item)")
                    }
                }
                Button {
                    vm.changeFirstElement()
                } label: {
                    Text("change")
                }
            }
        }
    }
}

struct DetailView: View {
    @Binding var item: Int
    
    var body: some View {
        VStack {
            Text("\(item)")
            Button {
                item += 10 // 直接修改绑定值，自动同步回ViewModel
            } label: {
                Text("change")
            }
        }
    }
}

class VM: ObservableObject {
    @Published var list = [1, 2, 3, 4]
    
    func changeFirstElement() {
        list[0] = 5
    }
}

关键说明 #

• 避免传递值类型的静态快照给子视图，优先让子视图直接依赖ViewModel的数据源或使用Binding，确保数据更新时视图能自动响应。
• 确保ViewModel提供合法的数据修改入口（或通过绑定直接操作），保证修改操作能触发@Published的更新通知。

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