SwiftUI中TextField清空时.onChange未触发的问题咨询

你遇到的问题本质是SwiftUI原生TextField绑定Double类型时，空字符串转0的过程不会触发onChange回调——因为系统内部的转换逻辑没有被视为显式的值变更。下面提供两种既能保留货币格式化功能，又能捕获清空事件的方案：

方案一：自定义String类型Binding（纯SwiftUI实现） #

通过自定义Binding<String>，手动处理字符串与Double的双向转换，同时显式处理空输入的情况，确保清空时能触发值变更监听：

struct CurrencyInputView: View {
    @State private var amount: Double = 0.0
    
    // 定义货币格式化器
    private var currencyFormatter: NumberFormatter {
        let formatter = NumberFormatter()
        formatter.numberStyle = .currency
        formatter.locale = .current
        return formatter
    }
    
    // 自定义双向绑定
    private var amountBinding: Binding<String> {
        Binding(
            get: {
                // 将Double转为格式化后的字符串
                currencyFormatter.string(from: NSNumber(value: amount)) ?? ""
            },
            set: { newValue in
                // 处理空输入：直接将amount设为0
                guard !newValue.isEmpty else {
                    amount = 0.0
                    return
                }
                // 非空输入时，用格式化器解析为Double
                if let number = currencyFormatter.number(from: newValue) {
                    amount = number.doubleValue
                }
            }
        )
    }
    
    var body: some View {
        TextField("输入金额", text: amountBinding)
            .keyboardType(.decimalPad)
            .onChange(of: amount) { newValue in
                print("金额变更为：\(newValue)")
                // 在这里处理清空后的0值逻辑
            }
    }
}

这个方案的核心是把格式化逻辑和值转换逻辑封装在自定义Binding中，清空输入时主动将amount设为0，强制触发onChange回调，同时保留了货币格式化的效果。

方案二：包装UIKit的UITextField（更灵活的复杂场景） #

如果需要更多TextField的自定义能力（比如控制光标、输入过滤等），可以用UIViewRepresentable包装UIKit的UITextField，通过代理监听所有文本变化：

// 自定义货币TextField的UIKit包装器
struct CurrencyTextField: UIViewRepresentable {
    @Binding var amount: Double
    var placeholder: String
    
    func makeUIView(context: Context) -> UITextField {
        let textField = UITextField()
        textField.placeholder = placeholder
        textField.keyboardType = .decimalPad
        textField.delegate = context.coordinator
        textField.formatter = currencyFormatter
        return textField
    }
    
    func updateUIView(_ uiView: UITextField, context: Context) {
        // 同步SwiftUI的Double值到TextField的文本
        uiView.text = currencyFormatter.string(from: NSNumber(value: amount))
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    // 代理类，监听文本变化
    class Coordinator: NSObject, UITextFieldDelegate {
        var parent: CurrencyTextField
        
        init(_ parent: CurrencyTextField) {
            self.parent = parent
        }
        
        func textFieldDidChangeSelection(_ textField: UITextField) {
            guard let text = textField.text else {
                // 文本为空时，设置amount为0
                parent.amount = 0.0
                return
            }
            // 解析文本为Double，无效输入时设为0
            if let number = parent.currencyFormatter.number(from: text) {
                parent.amount = number.doubleValue
            } else {
                parent.amount = 0.0
            }
        }
    }
    
    private var currencyFormatter: NumberFormatter {
        let formatter = NumberFormatter()
        formatter.numberStyle = .currency
        formatter.locale = .current
        return formatter
    }
}

// 使用示例
struct CurrencyInputView: View {
    @State private var amount: Double = 0.0
    
    var body: some View {
        CurrencyTextField(amount: $amount, placeholder: "输入金额")
            .onChange(of: amount) { newValue in
                print("金额变更为：\(newValue)")
            }
    }
}

这种方案利用UIKit的UITextFieldDelegate能监听所有文本变更事件，包括清空操作，同时通过formatter属性保留货币格式化功能，适合需要更精细控制输入行为的场景。

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