SwiftUI中TextField绑定数值清空后残留数字的问题求助

你遇到的问题根源在于：绑定Double类型的TextField在输入为空时，不会更新绑定的变量值。当你删除所有输入内容时，空字符串无法被解析为有效的Double值，所以checkAmount会保留最后一次有效的数值，导致下方Text依然显示之前的数字。

解决思路：改用String类型接收输入，手动处理数值转换 #

通过将输入绑定到String类型的变量，我们可以完全控制输入状态，当输入为空时直接将数值置为0.0。

修改后的完整代码：

@State private var checkAmountText = ""
// 计算属性：将输入字符串转为Double，空值/无效值返回0.0
private var checkAmount: Double {
    Double(checkAmountText) ?? 0.0
}

var body: some View {
    NavigationView {
        Form {
            Section {
                TextField("Amount", text: $checkAmountText)
                    .keyboardType(.decimalPad)
                    .onChange(of: checkAmountText) { newValue in
                        // 可选：过滤非法输入，只允许数字和单个小数点
                        let allowedCharacters = CharacterSet(charactersIn: "0123456789.")
                        let filtered = newValue.components(separatedBy: allowedCharacters.inverted).joined()
                        // 确保最多只有一个小数点
                        if filtered.components(separatedBy: ".").count > 2 {
                            checkAmountText = String(filtered.dropLast())
                        } else {
                            checkAmountText = filtered
                        }
                    }
            }
            
            Section {
                Text(checkAmount, format: .currency(code: Locale.current.currency?.identifier ?? "USD"))
            }
        }
    }
}

代码说明 #

1. String变量接收输入：checkAmountText直接绑定TextField，确保能捕获所有输入状态（包括空值）。
2. 计算属性转换数值：checkAmount自动将输入字符串转为Double，为空或无效时返回0.0，保证下方Text始终显示正确数值。
3. 输入过滤（可选）：通过onChange监听输入，过滤非数字和多余小数点，避免用户输入无效内容。

这个方案能彻底解决清空输入后残留数值的问题，同时还能提升输入合法性控制。

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