如何让Scribble仅识别数字？TextField设置.numberPad仍有识别问题

仅设置.keyboardType(.numberPad)不足以约束Scribble的识别范围，它默认会尝试匹配更多字符类型，这就是你遇到识别异常的原因。你可以通过以下两种方式实现仅识别整数的需求：

方法1：自定义TextField约束Scribble识别类型 #

通过包装UITextField，直接指定Scribble仅允许数字内容类型，从根源限制识别范围：

import SwiftUI

struct NumericScribbleTextField: UIViewRepresentable {
    @Binding var text: String
    var placeholder: String
    
    func makeUIView(context: Context) -> UITextField {
        let textField = UITextField()
        textField.placeholder = placeholder
        textField.keyboardType = .numberPad
        // 指定Scribble仅识别数字字符
        textField.scribbleAllowedContentTypes = [.digits]
        textField.delegate = context.coordinator
        return textField
    }
    
    func updateUIView(_ uiView: UITextField, context: Context) {
        uiView.text = text
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(self)
    }
    
    class Coordinator: NSObject, UITextFieldDelegate {
        var parent: NumericScribbleTextField
        
        init(_ parent: NumericScribbleTextField) {
            self.parent = parent
        }
        
        // 兜底过滤非数字输入
        func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
            let allowedCharacters = CharacterSet.decimalDigits
            let characterSet = CharacterSet(charactersIn: string)
            return allowedCharacters.isSuperset(of: characterSet)
        }
    }
}

// 使用示例
struct ContentView: View {
    @State private var numberText = ""
    
    var body: some View {
        NumericScribbleTextField(text: $numberText, placeholder: "输入数字")
            .padding()
            .border(Color.gray)
    }
}

方法2：原生TextField结合输入过滤 #

如果不想自定义视图，可以用原生TextField配合onChange做字符过滤，同时通过textContentType辅助引导Scribble识别逻辑：

struct ContentView: View {
    @State private var numberText = ""
    
    var body: some View {
        TextField("输入数字", text: $numberText)
            .keyboardType(.numberPad)
            .textContentType(.oneTimeCode) // 辅助Scribble聚焦数字类输入场景
            .onChange(of: numberText) { newValue in
                // 自动移除所有非数字字符
                numberText = newValue.filter { $0.isNumber }
            }
    }
}

关键说明 #

• scribbleAllowedContentTypes = [.digits]是核心配置，直接告知Scribble只识别数字字符，大幅降低识别错误概率。
• 额外的输入过滤逻辑作为兜底，确保即使出现识别偏差，非数字字符也会被自动清除，最终只保留整数内容。

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