SwiftUI实现TextField金额右向左输入的技术求助

核心实现代码 #

import SwiftUI

struct ContentView: View {
    // 用整数存储金额的分，避免浮点精度误差
    @State private var cents: Int = 0
    
    // 自定义绑定，处理输入转换与格式显示
    private var totalBinding: Binding<String> {
        Binding(
            get: {
                // 将分转换为xx.xx格式的金额字符串
                String(format: "%.2f", Double(cents) / 100)
            },
            set: { newValue in
                // 过滤输入中的非数字字符
                let digitsOnly = newValue.filter { $0.isNumber }
                // 将纯数字字符串转为整数，作为金额的分
                cents = Int(digitsOnly) ?? 0
            }
        )
    }
    
    var body: some View {
        NavigationView {
            Form {
                Section(header: Text("Detail")) {
                    HStack {
                        Text("Total")
                        TextField("0.00", text: totalBinding)
                            .keyboardType(.decimalPad)
                            .foregroundColor(.gray)
                            .frame(width: 120)
                            .multilineTextAlignment(.trailing) // 文字右对齐，符合金额输入视觉习惯
                    }
                }
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

实现逻辑说明 #

1. 数据存储优化：用整数cents存储金额的分，彻底避免浮点运算的精度问题（比如0.1+0.2≠0.3的常见坑）。
2. 自定义绑定处理输入：
   • get方法：将分转换为保留两位小数的字符串，确保显示格式始终是xx.xx。
   • set方法：过滤用户输入中的非数字字符，将纯数字转为整数作为分，这样输入的数字会自动从右往左填充（比如输入2→2分→显示0.02；输入9→29分→显示0.29；输入5→295分→显示2.95，完全匹配需求）。
3. 视觉优化：设置.multilineTextAlignment(.trailing)让文字右对齐，更符合金额输入的用户习惯。

关于你之前的报错问题 #

.onEditingChanged和.onCommit不是TextField的修饰符，而是需要作为参数传入TextField的构造方法中，写法如下：

TextField("0.00", text: $total, onEditingChanged: { isEditing in
    // 处理编辑状态变化
}, onCommit: {
    // 处理提交事件
})

不过这个逻辑对你的核心需求帮助有限，自定义绑定才是实现固定小数点右向左输入的关键。

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