SwiftUI中TextField无法实时更新，需更新另一TextField才生效

问题原因 #

你遇到的是SwiftUI中多个TextField绑定同一@State变量时的视图刷新延迟问题。@State是视图本地的状态容器，当同一状态被多个子视图绑定，且视图样式依赖状态值（比如根据amount.count切换文字颜色）时，SwiftUI的差分更新优化可能仅更新当前交互的TextField，导致其他绑定同一状态的TextField无法实时同步输入内容。

解决方案 #

方案一：使用ObservableObject管理状态（推荐） #

将状态迁移到ObservableObject类中，通过@Published属性标记状态变更，再用@StateObject（iOS 14及以上）绑定到视图。这种方式能确保状态变更时，所有关联视图都会收到刷新通知：

import SwiftUI

class AmountViewModel: ObservableObject {
    @Published var amount = ""
}

struct ContentView: View {
    @StateObject private var viewModel = AmountViewModel()
    
    var body: some View {
        VStack{
            TextField("inputNumber", text: $viewModel.amount)
                .foregroundColor(viewModel.amount.count < 10 ? .red : .primary)
            
            TextField("inputNumber", text: $viewModel.amount)
                .foregroundColor(viewModel.amount.count < 10 ? .red : .primary)
        }
    }
}

方案二：手动触发视图刷新（临时 workaround） #

如果不想重构视图模型，可以通过额外的状态变量强制刷新非交互的TextField：

import SwiftUI

struct ContentView: View {
    @State private var amount = ""
    @State private var refreshFlag = false
    
    var body: some View {
        VStack{
            TextField("inputNumber", text: $amount)
                .foregroundColor(amount.count < 10 ? .red : .primary)
                .onChange(of: amount) { _ in
                    refreshFlag.toggle()
                }
            
            TextField("inputNumber", text: $amount)
                .foregroundColor(amount.count < 10 ? .red : .primary)
                .id(refreshFlag)
        }
    }
}

原理说明 #

• @State是为单个视图的状态管理设计的，当多个视图共享同一@State时，SwiftUI的视图更新机制可能无法覆盖所有关联视图；
• ObservableObject结合@Published会向所有绑定该状态的视图发送变更通知，确保全局状态变更能被所有订阅视图感知，从而实现实时同步。

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