RenderBox не был выложен: RenderRepaintBoundary#5291c relayoutBoundary=up1 NEEDS-PAINT
У меня есть виджет формы, который содержит столбец как дочерний элемент. Причина виджета Column состоит в том, чтобы иметь поля имени пользователя и пароля одно за другим - поле пароля в новой строке. Кроме того, мне нужно иметь логотипы имени пользователя и пароля рядом с соответствующими полями, поэтому я решил использовать виджет Row, который будет содержать Icon и TextFormField. Однако флаттер дает мне ошибку. Может кто-нибудь помочь?
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;
},
),
),],
),
1 ответ
Сворачивать
TextFormField
с
Flexible
или же
Expanded
виджет.
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()),
],
),
],
),