Flutter 保持小部件对齐

Flutter 保持小部件对齐,flutter,Flutter,我正在创建动态表单字段,我希望用户能够删除他们不再需要的表单字段。在没有任何验证错误的情况下,“删除圆”图标将自身居中于表单字段的中心。但是,如果存在验证错误,则会增加文本字段的高度,从而将中心线更改为字段下方的3/4左右 如何使其保持在原来的位置,而不考虑验证错误 代码: return Row( children: <Widget>[ Expanded( child: TextFieldBlocBuilder( textFieldBloc:

我正在创建动态表单字段,我希望用户能够删除他们不再需要的表单字段。在没有任何验证错误的情况下,“删除圆”图标将自身居中于表单字段的中心。但是,如果存在验证错误,则会增加文本字段的高度,从而将中心线更改为字段下方的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),
    ),
  ],
);
返回行(
儿童:[
扩大(
子项:TextFieldBlocBuilder(
textFieldBloc:fieldBloc,
装饰:输入装饰(
边框:OutlineInputBorder(),
是的,
fillColor:Colors.white,
标签样式:文本样式(
颜色:颜色。灰色,
),
FocusedOrder:OutlineInputBorder(),
labelText:“团队名称”,
),
),
),
图标按钮(
图标:图标(图标。删除圆圈),
按下:()=>formBloc.removeTeamField(索引),
),
],
);
图片:

它应该是什么样子(即使有验证错误):

验证错误的外观:


我没有想到任何标准,但我会在Textfield下面放置另一个文本小部件,并且只在出现错误时显示它