SwiftUI+MVVM中可选类型初始为nil时TextField修改值无效问题

问题根源 #

1. 初始price为nil时无法更新：TextField结合NumberFormatter处理可选Double时，由于nil没有对应的格式化字符串映射，双向绑定无法正确触发值的写入，导致修改输入框后price仍为nil。
2. 删除内容后无法再次修改：当price初始为0，删除输入框内容时，NumberFormatter会将空字符串解析为nil，此时TextField失去了有效的绑定值，后续输入无法触发解析和更新。

解决方案 #

方案1：将price改为非可选类型（推荐，最简单）

如果业务允许price默认值为0，直接把Thing的price设为非可选Double，从根源避免nil问题：

struct Thing: Identifiable, Codable, Hashable {
    var id: String = UUID().uuidString
    var price: Double = 0 // 非可选，默认值0
}

此时TextField的双向绑定可以正常工作，删除内容时NumberFormatter会自动将空值解析为0，不会出现无法修改的情况。

方案2：保留可选类型，自定义Binding处理nil

如果必须保留price的可选特性，通过自定义Binding来桥接nil和默认值，确保绑定始终有效：

struct MyView: View {
    @StateObject var myViewModel: MyViewModel = MyViewModel()
    private let numberFormatter: NumberFormatter

    init() {
        numberFormatter = NumberFormatter()
        numberFormatter.numberStyle = .currency
        numberFormatter.maximumFractionDigits = 2
    }

    var body: some View {
        VStack{
            List{
                ForEach(Array($myViewModel.things.enumerated()), id: \.offset) { index, $thing in
                    HStack{
                        // 自定义Binding，处理nil和0的转换
                        let priceBinding = Binding<Double>(
                            get: { thing.price ?? 0 },
                            set: { newValue in
                                // 可根据业务需求调整：比如输入0时设为nil，或者保留0
                                myViewModel.things[index].price = newValue == 0 ? nil : newValue
                            }
                        )
                        TextField("$0.00", value: priceBinding, formatter: numberFormatter)
                            .keyboardType(.numberPad)
                    }
                }
            }
        }
    }
}

这个方案既保留了price的可选性，又确保TextField始终有有效的绑定值，不会出现无法修改的问题。

方案3：自定义NumberFormatter，避免解析返回nil

通过重写NumberFormatter的解析逻辑，确保空字符串或无效输入不会返回nil，而是返回默认值0：

// 自定义非空NumberFormatter
class NonNilCurrencyFormatter: NumberFormatter {
    override func number(from string: String) -> NSNumber? {
        let trimmed = string.trimmingCharacters(in: .whitespacesAndNewlines)
        // 空字符串或仅货币符号时返回0
        if trimmed.isEmpty || trimmed == numberFormatter.currencySymbol {
            return 0
        }
        // 其他情况正常解析，失败则返回0
        return super.number(from: string) ?? 0
    }
}

// 在View中使用自定义Formatter
struct MyView: View {
    @StateObject var myViewModel: MyViewModel = MyViewModel()
    private let numberFormatter: NonNilCurrencyFormatter

    init() {
        numberFormatter = NonNilCurrencyFormatter()
        numberFormatter.numberStyle = .currency
        numberFormatter.maximumFractionDigits = 2
    }

    var body: some View {
        VStack{
            List{
                ForEach(Array($myViewModel.things.enumerated()), id: \.offset) { index, $thing in
                    HStack{
                        // 处理初始nil的情况，绑定到可选值
                        let priceBinding = Binding<Double?>(
                            get: { thing.price },
                            set: { newValue in
                                myViewModel.things[index].price = newValue ?? 0
                            }
                        )
                        TextField("$0.00", value: priceBinding, formatter: numberFormatter)
                            .keyboardType(.numberPad)
                    }
                }
            }
        }
    }
}

这个方案适合需要严格控制格式化逻辑的场景，确保输入始终能被解析为有效数值。

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