User interface 在flatter中，我们如何使验证错误消息看起来漂亮

我正在申请。我共享的登录页面的UI。在本文中，我使用了验证，由于它在textformfield下面以红色显示验证消息，但它看起来非常难看。是否有任何方法可以使此验证错误消息在屏幕上看起来非常好，就像我们使用不同的库在屏幕上所做的那样？

您可以通过小部件自定义表单中的文本字段装饰，如本例所示：

您的

TextFormField

小部件：

TextFormField(
  controller: controller,
  decoration: InputDecoration(
    labelText: "Example",
    labelStyle: TextStyle(color: Colors.black),
    errorStyle: TextStyle(color: Colors.red),
    errorBorder: OutlineInputBorder(
      borderSide: BorderSide(color: Colors.red),  
    ),
  ),
  validator: (value) {
    if (value == null || value == '') {
      return "Error";
    }
  },
)

您尤其可以看到这两个属性：

---

感谢您的回复。它将给文本字段的边框加上颜色，给验证错误消息加上一些颜色。我们有没有办法将显示在某个图标和图标内的这些验证消息显示为错误消息mmmm。。。我认为不可能这么快，因为验证器（）必须返回字符串值。但是你可以看到这篇文章，了解更多关于文本中图标的信息：