SwiftUI中如何让TextField支持小数的显示与编辑？

直接使用默认的NumberFormatter()会导致TextField仅允许整数输入，因为默认格式化器的配置未开启小数支持。解决方法是自定义配置NumberFormatter，明确允许小数输入。

步骤1：创建配置好的小数格式化器 #

在你的View中定义一个静态配置的NumberFormatter实例，设置小数相关属性：

private let decimalPriceFormatter: NumberFormatter = {
    let formatter = NumberFormatter()
    formatter.numberStyle = .decimal
    formatter.minimumFractionDigits = 1 // 可选：设置最少显示1位小数
    formatter.maximumFractionDigits = 2 // 可选：设置最多显示2位小数
    formatter.allowsFloats = true
    // 如果需要强制使用英文小数点（不受系统区域影响），可以添加下面一行
    // formatter.locale = Locale(identifier: "en_US_POSIX")
    return formatter
}()

步骤2：修改TextField使用自定义格式化器 #

将Price对应的TextField替换为使用上面的格式化器：

HStack {
    TextField("Item Description", text: $items[index].name)
        .multilineTextAlignment(.center)
    TextField("Quantity", value: $items[index].quantity, formatter: NumberFormatter())
        .multilineTextAlignment(.center)
    TextField("Price", value: $items[index].price, formatter: decimalPriceFormatter)
        .keyboardType(.decimalPad)
        .multilineTextAlignment(.center)
}

额外注意事项 #

• 确保Item的price属性类型为Double或Float，与绑定的类型匹配。
• 根据业务需求调整minimumFractionDigits和maximumFractionDigits，比如如果允许输入整数，把minimumFractionDigits设为0。
• 若系统区域设置使用逗号作为小数点（如欧洲地区），.decimalPad键盘会自动显示逗号，格式化器会正常解析，无需额外配置。

内容的提问来源于stack exchange，提问作者Yasir Arefin Tusher