保持小部件对齐

Question

我正在创建动态表单域，我希望用户能够删除他们不再需要的表单域。没有任何验证错误，remove_circle图标将其自身置于表单字段的中心。但是，如果存在验证错误，则会增加文本字段的高度，从而将中心线更改为字段下方的3/4。

我如何制作它，使其不受验证错误的影响保持原样？

代码：

return Row(
  children: <Widget>[
    Expanded(
      child: TextFieldBlocBuilder(
        textFieldBloc: fieldBloc,
        decoration: InputDecoration(
          border: OutlineInputBorder(),
          filled: true,
          fillColor: Colors.white,
          labelStyle: TextStyle(
            color: Colors.grey,
          ),
          focusedBorder: OutlineInputBorder(),
          labelText: 'Team name',
        ),
      ),
    ),
    IconButton(
      icon: Icon(Icons.remove_circle),
      onPressed: () => formBloc.removeTeamField(index),
    ),
  ],
);

图片：

它应该是什么样子（即使有验证错误）：

验证错误的样子：

Answer 1

我想到的没有什么标准，但是我会在Textfield下方放置另一个Text小部件，并且仅在出现错误的情况下显示