如何以浮动形式自定义验证消息错误的布局

Question

我正在尝试做这样的事情

这是我的表格

Form( key: _formKey, child: Column( mainAxisAlignment: MainAxisAlignment.spaceAround, mainAxisSize: MainAxisSize.min, children: <Widget>[ Container( padding: EdgeInsets.symmetric( vertical: 16.0, horizontal: 30.0), child: TextFormField( controller: _controllerEmail, maxLines: 1, decoration: InputDecoration( hintText: "Enter your E-mail", labelText: "E-mail", ), // ignore: missing_return validator: (text) { if (text.isEmpty) { return 'E-mail is required'; } }, ), ),

这就是我得到的默认错误消息，无论如何要更改它？

Answer 1

TLDR：不能使用InputDecoration，Form，FormField框架来验证和显示错误。

Flutter开放源码的美丽之处在于，您可以自己检查源代码以了解想法。显示errorText的{​​{3}}。您唯一可以进行的修改就是使用errorStyle中的InputDecoration来更改样式。

如果您确实想要实现问题中提到的功能，建议您使用Here is the widget程序包构建该错误提示框并使用单独的机制来验证表单。