iOS 17/Xcode 15中Swift TextField限制两位字符的方法咨询

方案1：自定义Binding控制输入 #

包装原有Binding，在赋值时过滤非数字字符并限制长度，这是iOS17下最可靠的方式：

@State private var tableNumber = ""

var body: some View {
    TextField("", text: Binding(
        get: { tableNumber },
        set: { newValue in
            // 只保留数字字符
            let digitsOnly = newValue.filter { $0.isNumber }
            // 截断到两位长度
            tableNumber = String(digitsOnly.prefix(2))
        }
    ))
    .keyboardType(.numberPad)
}

方案2：用NumberFormatter配合format参数 #

iOS15+支持TextField的format参数，搭配NumberFormatter可以直接限制整数位数：

@State private var tableNumber = 0

private let twoDigitFormatter: NumberFormatter = {
    let formatter = NumberFormatter()
    formatter.numberStyle = .none
    formatter.maximumIntegerDigits = 2
    // 可选：如果允许输入0开头的两位数字（比如05），删除下面这行
    formatter.minimumIntegerDigits = 1
    return formatter
}()

var body: some View {
    TextField("", value: $tableNumber, formatter: twoDigitFormatter)
        .keyboardType(.numberPad)
}

如果需要支持空输入，把tableNumber改成Int?类型即可。

方案3：onChange实时处理输入 #

如果习惯用onChange回调，iOS17下直接在回调里过滤和截断就行：

@State private var tableNumber = ""

var body: some View {
    TextField("", text: $tableNumber)
        .keyboardType(.numberPad)
        .onChange(of: tableNumber) { newValue in
            let digitsOnly = newValue.filter { $0.isNumber }
            tableNumber = String(digitsOnly.prefix(2))
        }
}

根据需求选择即可：

• 需要字符串类型输入选方案1；
• 本身是数字类型选方案2更省心；
• 还要添加其他校验逻辑的话用方案3。

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