Flutter TextField 限制输入数字的3种方法

Flutter TextField 限制输入数字的3种方法

在Flutter中，可以使用多种方法来限制TextField只能输入数字类型的内容。以下是3种常用的方法:

1. 使用数字输入键盘

可以通过设置TextField的keyboardType属性为TextInputType.number来使用数字输入键盘，示例代码如下：

TextField(
  keyboardType: TextInputType.number,
  ...
)

2. 使用输入过滤器

可以通过设置TextField的inputFormatters属性来使用输入过滤器，只允许输入数字，示例代码如下：

TextField(
  inputFormatters: <TextInputFormatter>[
    WhitelistingTextInputFormatter.digitsOnly
  ],
  ...
)

其中，WhitelistingTextInputFormatter.digitsOnly表示只允许输入数字。

3. 使用正则表达式

也可以通过设置TextField的inputFormatters属性来使用正则表达式，只允许输入数字，示例代码如下：

TextField(
  inputFormatters: <TextInputFormatter>[
    WhitelistingTextInputFormatter(RegExp(r'^[0-9]*$'))
  ],
  ...
)

其中，RegExp(r'^[0-9]*$')表示只允许输入数字。