SwiftUI中TextField绑定整数点击+按钮后显示不更新问题

你仿照SwiftUI教程实现添加整数项的功能，点击+按钮后已将new_value设为0，但TextField仍显示旧值，问题出在TextField绑定整数类型时，若组件处于第一响应者（焦点）状态，状态更新无法同步到UI。

解决方案1：使用@FocusState控制焦点（推荐） #

通过@FocusState管理TextField的焦点状态，在重置值的同时让TextField失去焦点，强制UI更新：

import SwiftUI

struct Item: Identifiable {
    public let id = UUID()
    var val: Int
}

struct FixedView: View {
    @State private var new_value = 0
    @State private var l = [Item(val: 1), Item(val: 2), Item(val: 3)]
    // 管理TextField焦点状态
    @FocusState private var isTextFieldFocused: Bool
    
    var body: some View {
        Form {
            Section(header: Text("Items")) {
                ForEach(l) { item in
                    Text("\(item.val)")
                }
                HStack {
                    TextField("Value", value: $new_value, format: .number)
                        .focused($isTextFieldFocused) // 绑定焦点状态

                    Button(action: {
                        withAnimation {
                            l.append(Item(val: new_value))
                            new_value = 0
                            isTextFieldFocused = false // 让TextField失去焦点
                        }
                    }) {
                        Image(systemName: "plus.circle.fill")
                    }
                    .disabled(new_value == 0)
                }
            }
        }
    }
}

解决方案2：通过重置ID强制重绘TextField #

给TextField添加唯一ID，重置值时更新ID，让SwiftUI重新创建TextField组件：

import SwiftUI

struct Item: Identifiable {
    public let id = UUID()
    var val: Int
}

struct FixedView: View {
    @State private var new_value = 0
    @State private var l = [Item(val: 1), Item(val: 2), Item(val: 3)]
    @State private var textFieldId = UUID() // 用于控制TextField重绘
    
    var body: some View {
        Form {
            Section(header: Text("Items")) {
                ForEach(l) { item in
                    Text("\(item.val)")
                }
                HStack {
                    TextField("Value", value: $new_value, format: .number)
                        .id(textFieldId) // 绑定ID

                    Button(action: {
                        withAnimation {
                            l.append(Item(val: new_value))
                            new_value = 0
                            textFieldId = UUID() // 更新ID，强制重绘TextField
                        }
                    }) {
                        Image(systemName: "plus.circle.fill")
                    }
                    .disabled(new_value == 0)
                }
            }
        }
    }
}

问题根源 #

当TextField绑定整数类型且处于活跃状态时，SwiftUI的状态更新机制不会主动同步UI显示。因为整数0在TextField中没有视觉变化的触发点（不像字符串清空会有明显的文本变化），所以需要通过失去焦点或强制重绘的方式，让UI重新读取状态值。

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