SwiftUI：Binding<Float>转Binding<String>的Extension异常排查与解决

异常原因 #

1. 输入小数点分隔符时内容清空 #

当用户输入单独的小数点（如.）或未完成的带小数点字符串（如123.）时，NumberFormatter无法将这类不完整的输入解析为有效数字，返回nil。你的代码中会将这种情况的wrappedValue设为-1，而get方法判断wrappedValue == -1时返回空字符串，直接导致TextField内容被清空。

2. 输入超过4位数字时内容清空 #

在使用千分位分隔符的地区（如美国、中国），NumberFormatter默认优先识别带千分位的数字格式。用户连续输入5位数字（如12345）时，该字符串不符合带千分位的规范（应为12,345），导致解析失败返回nil，同样触发设为-1并清空TextField的逻辑。

另外，用-1作为空输入的标记存在隐患：如果用户确实需要输入-1，会被错误地显示为空字符串。

正确实现方式 #

方案1：改用Optional作为绑定值（推荐） #

用Optional<Float>区分空输入和有效数字，避免使用特殊值标记空状态，同时宽松解析用户输入，允许中间状态：

public extension Binding where Value == Float? {
    var adapter: Binding<String> {
        Binding<String>(
            get: {
                guard let value = self.wrappedValue else { return "" }
                
                let formatter = NumberFormatter()
                formatter.locale = Locale.current
                formatter.numberStyle = .decimal
                formatter.minimumFractionDigits = 0
                formatter.maximumFractionDigits = 6 // 按需调整小数位数
                
                return formatter.string(from: NSNumber(value: value)) ?? ""
            },
            set: { input in
                guard !input.isEmpty else {
                    self.wrappedValue = nil
                    return
                }
                
                let formatter = NumberFormatter()
                formatter.locale = Locale.current
                formatter.numberStyle = .decimal
                formatter.minimumFractionDigits = 0
                formatter.maximumFractionDigits = 6
                formatter.lenient = true // 允许无千分位的数字输入
                
                // 处理单独输入小数点的情况，转为合法的初始值
                let processedInput = input == "." ? "0." : input
                
                self.wrappedValue = formatter.number(from: processedInput)?.floatValue
            }
        )
    }
}

方案2：保留非Optional，用NaN标记空状态 #

如果必须使用非可选的Float，可以用Float.nan（非数字）标记空输入，避免和合法的-1冲突：

public extension Binding where Value == Float {
    var adapter: Binding<String> {
        Binding<String>(
            get: {
                guard !self.wrappedValue.isNaN else { return "" }
                
                let formatter = NumberFormatter()
                formatter.locale = Locale.current
                formatter.numberStyle = .decimal
                formatter.minimumFractionDigits = 0
                formatter.maximumFractionDigits = 6
                
                return formatter.string(from: NSNumber(value: self.wrappedValue)) ?? ""
            },
            set: { input in
                guard !input.isEmpty else {
                    self.wrappedValue = .nan
                    return
                }
                
                let formatter = NumberFormatter()
                formatter.locale = Locale.current
                formatter.numberStyle = .decimal
                formatter.minimumFractionDigits = 0
                formatter.maximumFractionDigits = 6
                formatter.lenient = true
                
                let processedInput = input == "." ? "0." : input
                
                self.wrappedValue = formatter.number(from: processedInput)?.floatValue ?? .nan
            }
        )
    }
}

方案3：iOS 15+ 原生简化实现 #

iOS 15及以上版本可以直接使用TextField的format参数，无需自定义Binding扩展：

TextField("请输入数字", value: $yourFloatValue, format: .number)

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