输入时间的Flutter TextField

Question

正如我在标题中所写的，我想创建一个特定的TextField来输入时间。更深入地说，我希望用户只输入4位数字，字段会自动显示12:23这样的内容，因此字段会自动插入"："性格

空的TextField将不显示任何内容。当用户输入数字时，TextField将显示：1->12->12:2->12:23我试过控制器，但没能达到目的。有人能帮我吗？

谢谢你，祝你今天愉快

Answer 1

https://pub.dev/packages/flutter_multi_formatter

自定义格式

TextFormField(
keyboardType: TextInputType.number,
inputFormatters: [
MaskedInputFormatter('##:##'))
],
),

Answer 2

试试这个

TextFormField(
controller: _controller,
maxLength: 5,
onChanged: (value){
if(_controller.text.length==2){
_controller.text = _controller.text + ":";
}
},
),

Answer 3

我使用两个用"分隔的容器求解：&"；，所有内容都在父容器中。我把小时和分钟分成两个不同的变量。