RenderBox 未布局：RenderRepaintBoundary#5291c relayoutBoundary=up1 NEEDS-PAINT

Question

我有一个表单小部件，它将列作为其子项。 Column 小部件的原因是用户名和密码字段在新行中依次出现-密码字段。此外，我需要在相应字段旁边显示用户名和密码徽标，因此我决定使用包含图标和 TextFormField 的 Row 小部件。但是，颤振给我错误。有人可以帮忙吗？

Row(
        children: [
          
      Padding(
        padding: const EdgeInsets.symmetric(vertical: 15, horizontal: 30),
        child: TextFormField(
        
        enabled: formFieldEditable,
        validator: emptyNullValidatorForFormField,
        
        decoration: InputDecoration(
         focusedBorder: _inputFormFieldOutlineInputBorder(
          borderSideWidth: ProjectSpecifics.signinScreenInputBorderWidth,
          borderSideColor: ProjectSpecifics.signInPageInputBorder,
        ),
        
        enabledBorder:_inputFormFieldOutlineInputBorder(
          borderSideWidth: ProjectSpecifics.signinScreenInputBorderWidth,
          borderSideColor: ProjectSpecifics.signInPageInputBorder,
        ),
        
          
        /*icon: Container(
          decoration: BoxDecoration(
            border: Border.all(
              color: const Color(0xFF5663FE),
              width: 2,
            ),
        
            borderRadius: BorderRadius.circular(5),
          ),
          child: const Icon(
            Icons.email,
            color: ProjectSpecifics.signInPageInputBorder,
          ),
        ),*/
        
        labelText: "EMAIL"),
        
        
                onChanged: (val) {
        emailVariableReference = val;
                },
        ),
      ),],
      ),

Answer 1

用 Flexible 或 Expanded 小部件包裹 TextFormField。

Column(
  mainAxisAlignment: MainAxisAlignment.start,
  mainAxisSize: MainAxisSize.min,
  children: [
    Row(
      mainAxisSize: MainAxisSize.min,
      children: [
        Icon(Icons.radar),
        Expanded(child: TextFormField()),
      ],
    ),
    Row(
      mainAxisSize: MainAxisSize.min,
      children: [
        Icon(Icons.abc),
        Flexible(child: TextFormField()),
      ],
    ),
  ],
),