如何在动态TextField中限制输入仅含数字和一个小数点？

问题概述 #

在Xcode 14开发适配iPad的iOS 17应用时，遇到动态TextField输入异常：输入若干字符后新增字符会被自动删除，同时会向服务器发送未过滤的完整输入值。需求是仅允许输入数字和单个小数点，现有绑定逻辑和TextField扩展未解决问题。

代码核心问题点 #

1. 重复绑定冲突：TextField自身使用了自定义Binding，又通过.digitswithPointOnly传入另一个独立Binding，两次状态更新互相干扰，这是输入被删除的核心原因。
2. 过滤逻辑不一致：自定义Binding和扩展中都做了过滤，但规则未统一，且扩展中处理小数部分的代码仅定义变量未实际生效。
3. 数据更新错误：自定义Binding的set方法中，用未过滤的newValue更新userMeasurements，导致存储的原始值后续被带回，引发循环更新。
4. 修改记录维护隐患：modifiedMeasurements的contains判断依赖Measurement的Equatable实现，若未正确实现会导致重复添加。

修复后的代码实现 #

1. 通用输入过滤函数 #

先提取通用过滤逻辑，确保所有场景规则统一：

func filterDecimalInput(_ input: String) -> String {
    var filtered = input.filter { "0123456789.".contains($0) }
    
    // 限制最多一个小数点
    let decimalCount = filtered.reduce(0) { $0 + ($1 == "." ? 1 : 0) }
    if decimalCount > 1 {
        if let secondDotIndex = filtered.lastIndex(of: ".") {
            filtered.remove(at: secondDotIndex)
        }
    }
    
    // 处理小数点开头的情况（自动补0，提升体验）
    if filtered.starts(with: ".") {
        filtered = "0" + filtered
    }
    
    // 移除连续小数点
    while filtered.contains("..") {
        filtered = filtered.replacingOccurrences(of: "..", with: ".")
    }
    
    return filtered
}

2. 修复TextField扩展 #

移除重复绑定，直接复用TextField自身的text绑定：

extension TextField where Label == Text {
    func digitswithPointOnly() -> some View {
        self
            .keyboardType(.decimalPad)
            .onChange(of: self.text.wrappedValue) { newValue in
                let filtered = filterDecimalInput(newValue)
                if filtered != self.text.wrappedValue {
                    // iOS 17适配：用主队列异步更新，避免状态竞态
                    DispatchQueue.main.async {
                        self.text.wrappedValue = filtered
                    }
                }
            }
    }
}

3. 修复TextField使用逻辑 #

统一绑定内的过滤和数据更新：

TextField("", text: Binding(
    get: { userMeasurements[index.id].stringValue },
    set: { newValue in
        let filteredValue = filterDecimalInput(newValue)
        
        // 更新存储的数值（用过滤后的值）
        userMeasurements[index.id] = JSON(filteredValue)
        
        // 创建Measurement对象
        let measurement = Measurement(measurement: index.id, value: filteredValue)
        
        // 维护修改记录：通过ID替换旧值，避免Equatable依赖问题
        if let existingIndex = modifiedMeasurements.firstIndex(where: { $0.measurement == index.id }) {
            modifiedMeasurements[existingIndex] = measurement
        } else {
            modifiedMeasurements.append(measurement)
        }
    }), prompt: Text(index.desc)
        .font(Font.custom("Agency FB", size: 16))
        .foregroundColor(Constants.LightWhite))
.digitswithPointOnly()

修复关键说明 #

• 取消重复绑定，避免状态更新冲突导致的输入异常。
• 统一过滤逻辑，确保存储、发送的都是符合规则的数值。
• 适配iOS 17：用主队列异步更新绑定值，规避SwiftUI状态竞态问题。
• 完善边缘情况处理：自动补0、移除连续小数点，提升输入体验。
• 优化修改记录维护：通过ID定位替换，避免依赖Equatable的潜在bug。

内容的提问来源于stack exchange，提问作者Anup Kumar Mishra