SwiftUI TextField聚焦清Double值、失焦恢复：UI不更新问题及实现问询

问题原因解析 #

1. UI不更新的核心原因：
   当TextField绑定Double?类型并使用.number格式化器时，设置值为nil后，格式化器对空值的渲染逻辑存在延迟，加上onChange(of: focus)的回调时机与SwiftUI视图更新周期不同步，导致数据变更无法立即同步到UI。
2. .id()方案失效的原因：
   修改.id()会触发SwiftUI重建整个TextField视图，原有的焦点状态会随着旧视图的销毁而丢失，因此无法达到“清空并保持焦点”的预期效果。

可行实现方案 #

方案1：基于字符串中转的稳定实现（推荐） #

通过字符串作为输入框的直接绑定值，实时解析为Double类型的实际值，既能避免Optional数值的格式化延迟问题，也能更精准控制聚焦/失焦的行为：

struct ContentView: View {
    @FocusState private var isFocused: Bool
    @State private var displayText: String = "100"
    @State private var actualValue: Double = 100
    @State private var originalValue: Double = 100

    var body: some View {
        VStack {
            TextField("请输入数值", text: $displayText)
                .focused($isFocused)
                .onChange(of: isFocused) { focused in
                    if focused {
                        // 聚焦时保存当前实际值，清空输入框
                        originalValue = actualValue
                        displayText = ""
                    } else {
                        // 失焦时解析输入内容，无效则恢复原值
                        guard let inputValue = Double(displayText) else {
                            displayText = String(originalValue)
                            actualValue = originalValue
                            return
                        }
                        actualValue = inputValue
                    }
                }
                // 实时同步输入文本到实际数值
                .onChange(of: displayText) { text in
                    if let value = Double(text) {
                        actualValue = value
                    }
                }
        }
        .padding()
    }
}

方案2：优化Optional Double绑定的实现 #

如果坚持使用Double?绑定，可以通过单独存储原始值、避免强制刷新视图的方式解决UI更新问题：

struct ContentView: View {
    @FocusState private var isFocused: Bool
    @State private var currentValue: Double? = 100
    @State private var originalValue: Double? = 100

    var body: some View {
        VStack {
            TextField("请输入数值", value: $currentValue, format: .number)
                .focused($isFocused)
                .onChange(of: isFocused) { focused in
                    if focused {
                        originalValue = currentValue
                        currentValue = nil
                    } else {
                        if currentValue == nil {
                            currentValue = originalValue
                        }
                    }
                }
        }
        .padding()
    }
}

该方案通过将原始值存储在独立的@State变量中，避免了临时变量在视图更新周期中的失效问题，同时依赖SwiftUI的自动视图更新机制，无需强制刷新ID。

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