按下屏幕键盘回车键时TextField未清空的SwiftUI问题

这个问题的核心原因是：SwiftUI在触发onCommit时，内部还在处理TextField的文本同步逻辑，直接设置newItem = ""会被后续的同步操作覆盖，导致输入框无法清空。

解决方法 #

把清空输入框的操作放到主队列异步执行，就能避开内部同步的冲突。修改后的代码如下：

TextField("Add Item", text: $newItem, onCommit: {
    // 先保存要添加的内容，避免异步操作时值被修改
    let itemToAdd = self.newItem
    self.items.append(itemToAdd)
    ShoppingListData.saveItems(self.items)
    // 异步清空输入框
    DispatchQueue.main.async {
        self.newItem = ""
    }
})
.padding(.horizontal, 10)
.padding(.vertical, 6)
.background(Color(.systemGray6))
.cornerRadius(10)

Button(action: {
    self.items.append(self.newItem)
    ShoppingListData.saveItems(self.items)
    self.newItem = ""
}) {
    Image(systemName: "plus")
}

优化代码冗余 #

你可以把重复的添加逻辑抽取成单独的方法，让代码更简洁易维护：

// 抽取的公共方法
private func addNewItem() {
    guard !newItem.isEmpty else { return } // 可选：过滤空内容
    let itemToAdd = newItem
    items.append(itemToAdd)
    ShoppingListData.saveItems(items)
    // 异步清空逻辑对按钮点击也适用，不会有负面影响
    DispatchQueue.main.async {
        self.newItem = ""
    }
}

// 调用方法的TextField和Button
TextField("Add Item", text: $newItem, onCommit: addNewItem)
.padding(.horizontal, 10)
.padding(.vertical, 6)
.background(Color(.systemGray6))
.cornerRadius(10)

Button(action: addNewItem) {
    Image(systemName: "plus")
}

这样不管是点击按钮还是按下回车，都能正常添加内容并清空输入框。

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