SwiftUI中TextField的onCommit无法清空@State变量问题求助

问题分析 #

你遇到的问题是：在TextField的onCommit回调中为@State属性textFieldText赋值空字符串后，界面没有任何响应，无法清空输入框内容。这是因为onCommit的同步操作存在时序问题，TextField内部状态可能还未处理完成，导致你的赋值被覆盖，SwiftUI没有触发视图刷新。

解决方案 #

方案1：使用主队列异步更新状态

通过DispatchQueue.main.async延迟执行清空操作，让TextField先完成内部状态处理，再更新我们的@State变量：

func addItem() {
    listViewModel.addItem(title: textFieldText)
    DispatchQueue.main.async {
        textFieldText = ""
    }
    print(textFieldText)
}

方案2：改用onSubmit修饰符（推荐，iOS 15+/macOS 12+）

onSubmit是SwiftUI 3.0推出的替代onCommit的API，时序处理更可靠，能确保状态更新正确触发视图刷新：

修改TodoTextFieldView的代码，替换onCommit为onSubmit修饰符：

struct TodoTextFieldView: View {
    @EnvironmentObject var listViewModel: ListViewModel
    @State var textFieldText = ""
    var title: String = "here typing line"
    var body: some View {
        VStack{
            HStack(spacing: 5){
                Text("🔥")
                    .font(.title)
                TextField("\(title)", text: $textFieldText)
                    .disableAutocorrection(true)
                    .underline()
                    .font(.headline)
                    .onSubmit {
                        addItem()
                    }
            }.padding(.leading, 40)
        }.padding(16)
    }
    func addItem() {
        listViewModel.addItem(title: textFieldText)
        textFieldText = ""
        print(textFieldText)
    }
}

原理说明 #

• onCommit在部分场景下（如TextField仍持有焦点），同步修改@State会被TextField的内部状态更新覆盖，导致界面无变化。
• 主队列异步操作能避开这个时序冲突，让SwiftUI优先处理TextField的内部逻辑，再执行我们的状态更新。
• onSubmit作为更新的API，设计时就考虑了这类状态同步问题，能更稳定地触发后续操作，是iOS 15及以上版本的首选方案。

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