在SwiftUI中创建数字键盘：如何为TextField设置数字键盘类型

嗨，我来帮你快速搞定这个需求～ 要让TextField弹出数字键盘，只需要给它添加一个keyboardType修饰符就行，具体分两种常见场景：

1. 纯整数数字键盘 #

如果你只需要用户输入整数，用.numberPad类型就可以，完整代码示例：

struct ContentView: View {
    @State private var text = ""
    
    var body: some View {
        TextField("Placeholder", text: $text)
            .keyboardType(.numberPad) // 指定纯数字键盘
            .padding() // 加点内边距让布局更美观
    }
}

2. 带小数点的数字键盘 #

如果需要支持小数输入，就改用.decimalPad类型：

TextField("Placeholder", text: $text)
    .keyboardType(.decimalPad)

额外优化：限制输入为有效数字 #

如果你还想确保用户输入的内容一定是合法数字（避免输入非数字字符），可以结合NumberFormatter使用绑定数值的TextField初始化方式，这样既能弹出数字键盘，又能自动过滤无效输入：

struct ContentView: View {
    @State private var inputNumber: Double?
    
    // 配置数字格式化器
    private let numberFormatter: NumberFormatter = {
        let formatter = NumberFormatter()
        formatter.numberStyle = .decimal
        formatter.maximumFractionDigits = 2 // 可自定义限制小数位数，比如最多2位
        return formatter
    }()
    
    var body: some View {
        TextField("输入数字", value: $inputNumber, formatter: numberFormatter)
            .keyboardType(.decimalPad)
            .padding()
            .border(Color.gray) // 加个边框方便识别输入框
    }
}

这样设置后，用户输入时只会弹出对应的数字键盘，而且输入内容会被自动校验格式化，体验更好～

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