Binding未更新问题：TextField需其他输入框更新才触发重绘

问题场景 #

现有代码 #

var binding: Binding<String> {
    Binding<String>(get: {
        text
    }, set: {
        onTextChange($0)
    })
}

TextField("", text: binding)
    .foregroundColor(isValid ? YOUNG_NIGHT : VENETIAN_RED)

问题现象 #

TextField输入内容无法即时刷新显示，仅当其他TextField更新时才会触发当前视图重绘，自定义Binding未正确触发视图刷新逻辑。

核心原因 #

自定义Binding的get方法依赖的text变量未被SwiftUI的状态系统追踪：

• 如果text是普通变量，SwiftUI无法感知其值的变化
• onTextChange回调若未正确更新可被追踪的状态源，也会导致get返回值无变化，视图不会重绘

解决方法 #

方法1：让text成为可观察状态变量 #

根据text的来源选择对应状态类型：

• 视图内部状态：用@State
• 父视图传递的状态：用@Binding
• ViewModel中的状态：标记为@Published且ViewModel遵循ObservableObject

示例（ViewModel场景）：

class InputViewModel: ObservableObject {
    @Published var text: String = ""
    var isValid: Bool {
        // 自定义校验逻辑
        !text.isEmpty
    }
    
    func onTextChange(_ newText: String) {
        text = newText
        // 其他业务处理逻辑
    }
}

struct InputView: View {
    @ObservedObject var viewModel: InputViewModel
    
    var body: some View {
        TextField("", text: $viewModel.text)
            .foregroundColor(viewModel.isValid ? YOUNG_NIGHT : VENETIAN_RED)
    }
}

方法2：修复自定义Binding的触发逻辑 #

若必须保留自定义Binding，需确保状态变更能被SwiftUI感知，可手动发送变更通知：

class SomeViewModel: ObservableObject {
    var text: String = "" {
        didSet {
            // 手动发送状态变更通知，触发视图重绘
            objectWillChange.send()
        }
    }
    var isValid: Bool { /* 自定义校验逻辑 */ }
    
    func onTextChange(_ newText: String) {
        text = newText
    }
    
    var binding: Binding<String> {
        Binding(get: { self.text }, set: { self.onTextChange($0) })
    }
}

struct CustomBindingView: View {
    @ObservedObject var viewModel: SomeViewModel
    
    var body: some View {
        TextField("", text: viewModel.binding)
            .foregroundColor(viewModel.isValid ? YOUNG_NIGHT : VENETIAN_RED)
    }
}

关键注意点 #

• SwiftUI视图刷新完全依赖可观察状态的变更，所有影响UI的变量必须是@State/@Binding/@Published等可追踪类型
• 自定义Binding的get方法返回值必须来自可追踪状态，否则值变化时视图不会响应
• 避免在Binding中使用普通变量，这会切断SwiftUI的状态追踪链路

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