SwiftUI 5中TextField.number格式无法输入小数问题求助

问题分析 #

使用TextField("Hours", value: $hours, format: .number)时，在已输入的整数中间插入小数点会导致后续数字被删除，这是因为默认的.number格式未明确配置小数输入规则，SwiftUI的字段更新逻辑在编辑时会优先匹配整数格式，从而截断后续数字。

解决方案 #

方法1：使用自定义NumberFormatter

通过配置自定义NumberFormatter，明确允许小数输入并设置合理的小数位数范围：

// 定义全局或局部的NumberFormatter
private let decimalFormatter: NumberFormatter = {
    let formatter = NumberFormatter()
    formatter.numberStyle = .decimal
    formatter.allowsFloats = true
    formatter.minimumFractionDigits = 0 // 允许整数输入
    formatter.maximumFractionDigits = 2 // 最多保留2位小数，可按需调整
    formatter.locale = .current // 适配本地语言的小数点/千分位符号
    return formatter
}()

// 在TextField中使用该Formatter
TextField("Hours", value: $hours, formatter: decimalFormatter)

方法2：显式配置Decimal.FormatStyle的精度

直接对.number格式添加精度配置，明确允许小数位数范围：

TextField("Hours", value: $hours, format: .number.precision(.fractionLength(0...2)))

关键注意点 #

• 确保绑定的hours变量为浮点类型（如Double、Float或Decimal），若为整数类型（如Int），则本身无法支持小数输入。

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