求助：SwiftUI中TextField(value:format:)数值上限限制的兼容实现方法

在iOS 17之前，SwiftUI的TextField使用value绑定时，onChange是在数值已经更新后才触发的，这会导致用户输入超过上限的数值时，会短暂看到不符合要求的内容，且无法直接阻止输入行为。而iOS 17优化了该逻辑，让数值限制可以直接生效。针对低版本系统，以下是两种可行的解决办法：

方案一：自定义Binding拦截数值更新 #

纯SwiftUI实现，通过自定义Binding的setter逻辑，在数值被设置前就进行范围限制，避免用户看到超出上限的内容。

struct ContentView: View {
    @FocusState var isFocused: Bool
    @State var text = 0
    
    // 自定义Binding，限制数值不超过50
    private var boundedText: Binding<Int> {
        Binding(
            get: { text },
            set: { newValue in
                // 只保留不超过上限的数值
                text = min(newValue, 50)
            }
        )
    }
    
    var body: some View {
        VStack {
            HStack {
                TextField("输入数值...",
                          value: boundedText,
                          format: .number)
                .focused($isFocused)
                .keyboardType(.numberPad)
            }
            .border(.black)
        }
        .padding()
    }
}

该方案的核心是通过自定义Binding替代原有的@State绑定，在setter中直接对新值做截断处理，当用户输入超过50的数值时，TextField的显示内容不会发生变化，体验比onChange更及时。

方案二：封装UITextField实现输入拦截 #

如果需要完全阻止用户输入超出上限的数字（比如输入到5后，无法再输入0变成50），可以通过UIViewRepresentable封装原生UITextField，利用其代理方法在输入前判断合法性。

struct BoundedNumberTextField: UIViewRepresentable {
    @Binding var value: Int
    let placeholder: String
    let maxValue: Int
    
    func makeUIView(context: Context) -> UITextField {
        let textField = UITextField()
        textField.placeholder = placeholder
        textField.keyboardType = .numberPad
        textField.delegate = context.coordinator
        textField.text = "\(value)"
        return textField
    }
    
    func updateUIView(_ uiView: UITextField, context: Context) {
        // 同步外部值与TextField内容
        if uiView.text != "\(value)" {
            uiView.text = "\(value)"
        }
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject, UITextFieldDelegate {
        let parent: BoundedNumberTextField
        
        init(_ parent: BoundedNumberTextField) {
            self.parent = parent
        }
        
        func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
            guard let currentText = textField.text else { return true }
            let newText = (currentText as NSString).replacingCharacters(in: range, with: string)
            
            // 处理空输入
            guard !newText.isEmpty else {
                parent.value = 0
                return true
            }
            
            // 判断输入后的数值是否符合上限要求
            if let number = Int(newText), number <= parent.maxValue {
                parent.value = number
                return true
            }
            
            // 超出上限则阻止输入
            return false
        }
    }
}

// 使用示例
struct ContentView: View {
    @FocusState var isFocused: Bool
    @State var text = 0
    
    var body: some View {
        VStack {
            HStack {
                BoundedNumberTextField(value: $text, placeholder: "输入数值...", maxValue: 50)
                    .focused($isFocused)
                    .frame(height: 40)
                    .border(.black)
            }
        }
        .padding()
    }
}

该方案通过原生UITextField的代理方法shouldChangeCharactersIn直接拦截不符合规则的输入，用户根本无法输入超出上限的内容，适合对输入限制要求严格的场景。

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