flutter - 如何在颤动表单中自定义验证消息错误的布局

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'; } }, ), ),

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

标签： flutter

Answer 1

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

Flutter 开源的美妙之处在于您可以自己查看源代码以了解想法。这是显示errorText. 您可以使用errorStylein更改样式的唯一修改InputDecoration。

如果您真的想实现与您的问题中提到的类似的东西，我建议您使用气泡包来构建该错误气泡并使用单独的机制来验证表单。