Flutter中如何设置TextField唤起数字键盘？

嗨，这个需求在日常开发里挺常见的，Flutter其实已经给我们准备好了简单的配置方式，轻松就能实现点击输入框唤起数字键盘的效果！

核心就是给TextField配置keyboardType属性，通过TextInputType枚举来指定我们需要的键盘类型：

基础实现（唤起纯数字键盘） #

修改你原来的代码，只需要添加一行配置就行：

class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return TextField(
      // 配置这一行，唤起纯数字键盘
      keyboardType: TextInputType.number,
    );
  }
}

拓展场景适配 #

如果你的需求更具体，还可以选择不同的键盘类型来匹配：

• 允许输入小数的数字键盘：keyboardType: TextInputType.numberWithOptions(decimal: true)
• 带拨号键的数字键盘（适合手机号、验证码输入）：keyboardType: TextInputType.phone
• 支持正负整数的数字键盘：keyboardType: TextInputType.numberWithOptions(signed: true)

另外，如果你想从输入源上直接限制非数字内容，还可以配合inputFormatters属性使用FilteringTextInputFormatter.digitsOnly，双重保障输入内容的合规性～

备注：内容来源于stack exchange，提问作者fastsauce