Flutter 如何在Flatter中的文本字段中显示带有取消图标的错误消息

我正在设计一个登录屏幕，上面给出了它的设计

我正在使用

flatter\u bloc

库设置

ElevatedButton

的禁用状态

现在我想显示带有十字图标的错误消息，用于密码和电子邮件验证，如图所示。 我制作了一个名为

custom\u input

的自定义文件来显示

TextField

。 如何实现如图所示的流程。 请帮帮我

提前谢谢

 TextFormField(
                  decoration: InputDecoration(
                      hintText: 'Enter Description (Html or Normal Text)',
                      border: OutlineInputBorder(),
                      labelText: 'Description',
                      contentPadding: EdgeInsets.only(
                          right: 0, left: 10, top: 15, bottom: 5),
                      suffixIcon: Padding(
                        padding: const EdgeInsets.all(8.0),
                        child: CircleAvatar(
                          radius: 15,
                          backgroundColor: Colors.grey[300],
                          child: IconButton(
                              icon: Icon(Icons.close, size: 15),
                              onPressed: () {
                                descriptionCtrl.clear();
                              }),
                        ),
                      )),
                  textAlignVertical: TextAlignVertical.top,
                  minLines: 5,
                  maxLines: null,
                  keyboardType: TextInputType.multiline,
                  controller: descriptionCtrl,
                  validator: (value) {
                    if (value.isEmpty) return 'Value is empty';
                    return null;
                  },
                  onChanged: (String value) {
                    setState(() {
                      description = value;
                    });
                  },
                ),