当前位置：文江博客话题详情

Flutter 在每 3 个数字文本字段输入后添加破折号，并限制数字输入的数量

发布于 2025-01-11 07:36:13 字数 107 浏览 1 评论 0原文

我正在寻找一种方法，在 flutter textformfield 中输入每个数字后添加 ( - ) 并将输入数量限制为 9 个数字。例如 145-123-234。如果有人可以提供帮助，我将不胜感激。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

烂柯人 2025-01-18 07:36:13

您可以使用掩码文本格式化程序包示例用法：

 var maskFormatter = new MaskTextInputFormatter(
      mask: '+# (###) ###-##-##', filter: {"#": RegExp(r'[0-9]')});
      
   TextField(
                      inputFormatters: [ maskFormatter],
                      autoFocus: false,
                      inputType: TextInputType.phone,
                      inputAction: TextInputAction.done,
                      },
                    ),

You can use mask text formatter package sample usage:

 var maskFormatter = new MaskTextInputFormatter(
      mask: '+# (###) ###-##-##', filter: {"#": RegExp(r'[0-9]')});
      
   TextField(
                      inputFormatters: [ maskFormatter],
                      autoFocus: false,
                      inputType: TextInputType.phone,
                      inputAction: TextInputAction.done,
                      },
                    ),

回复收藏 0 原文

梅倚清风 2025-01-18 07:36:13

我们输入格式化程序：

inputFormatters：[ FilteringTextInputFormatter.allow(RegExp('[0-9,-]')),
长度限制文本输入格式器(9),
]，

这可能会帮助您输入的位数可以正常工作，并且 3 之后的破折号的正则表达式将根据您的情况发生变化，因为您的情况可能会发生变化。

回复收藏 0 原文

笔落惊风雨 2025-01-18 07:36:13

所以我安装了这个 flutter_masked_text

并将库导入到我的输入页面，更改了我的 TextFormField 控制器到 MaskedTextController _controllerCode = MaskedTextController(mask: '000-000-000'); 然后解析_controllerCode 到 TextFormField 中的 controller，最后我的 Widget 如下所示：

  MaskedTextController _controller = MaskedTextController(mask: '000-000-000');

  @override
  Widget build(BuildContext context) {
    return TextField(
      controller: _controller,
      decoration: InputDecoration(
        hintText: 'e.g. 101-234-190',
      ),
    );
  }
}```

So I install this flutter_masked_text

And imported the library to my input page, changed my TextFormField controller to MaskedTextController _controllerCode = MaskedTextController(mask: '000-000-000'); then parse _controllerCode to controller in the TextFormField and finally my Widget looks like below:

  MaskedTextController _controller = MaskedTextController(mask: '000-000-000');

  @override
  Widget build(BuildContext context) {
    return TextField(
      controller: _controller,
      decoration: InputDecoration(
        hintText: 'e.g. 101-234-190',
      ),
    );
  }
}```

回复收藏 0 原文

~没有更多了~