SwiftUI视图绑定ObservableObject的计算属性时无法正常更新的问题排查

为什么会出现这个异常？ #

这个现象的核心是SwiftUI TextField的编辑状态管理和ObservableObject更新机制的交互问题：

1. 第一次输入的正常流程：

   • 你输入第一个字符时，TextField将输入值传给string的setter
   • setter把displayedString设为"OVERRIDE"，@Published属性触发objectWillChange通知，视图刷新
   • 刷新时，TextField读取string的getter（返回displayedString的值），所以显示"OVERRIDE"

2. 后续输入的异常原因：

   • 当你继续输入时，TextField处于活跃编辑状态，它会维护一个本地临时编辑值，而不是每次输入都立即响应ViewModel的@Published更新
   • 虽然setter依然会把displayedString设为"OVERRIDE"并触发视图刷新，但TextField在编辑过程中会优先保留自己的临时输入状态（比如"OVERRIDE234"），只有当视图完全重新初始化（比如失去焦点）才会同步ViewModel的值
   • 而上方的Text(viewModel.string)没有编辑状态的干扰，每次@Published更新都会重新读取string的getter，所以始终显示正确的值

如何让TextField始终同步ViewModel的值？ #

因为你需要保留计算属性的逻辑，这里提供两种可靠的解决方案：

方案1：自定义Binding，强制每次设置后同步ViewModel的值

放弃直接绑定$viewModel.string，创建一个自定义Binding，在setter执行逻辑后，手动让TextField读取最新的getter值：

struct ContentView: View {
    @StateObject private var viewModel = ViewModel()
    var body: some View {
        Text(viewModel.string)
        TextField("Placeholder", text: Binding(
            get: { viewModel.string },
            set: { newValue in
                viewModel.string = newValue
                // 强制TextField立即读取最新值
                DispatchQueue.main.async {
                    let _ = viewModel.string
                }
            }
        ))
        .padding()
    }
}

方案2：在ViewModel的setter中手动触发完整状态更新

在string的setter里，不仅设置displayedString，还要手动发送objectWillChange通知，确保状态更新的时机优先于TextField的临时状态保存：

class ViewModel: ObservableObject {
    @Published var displayedString: String = ""
    var string: String {
        get { displayedString }
        set {
            // 提前发送更新通知，让视图准备好同步新值
            objectWillChange.send()
            displayedString = "OVERRIDE"
        }
    }
}

方案3：输入完成后强制同步（适合非实时场景）

如果你的场景允许延迟同步，可以在输入完成后让TextField失去焦点，触发值的同步：

struct ContentView: View {
    @StateObject private var viewModel = ViewModel()
    @FocusState private var isTextFieldFocused: Bool
    var body: some View {
        Text(viewModel.string)
        TextField("Placeholder", text: $viewModel.string)
            .padding()
            .focused($isTextFieldFocused)
            .onSubmit {
                isTextFieldFocused = false
            }
    }
}

这种方式下，每次提交输入后TextField失去焦点，会重新读取viewModel.string的值，显示"OVERRIDE"。

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