我正面临 RenderFlex 儿童具有非零 flex 的问题,我尝试使用 Expanded & Flexible 来修复它,但我不知道如何修复它。我试图在 Column 中添加 mainAxisSize: MainAxisSize.min 但它也没有工作。 SingleChildScrollView 也没有修复它。 提前感谢您的时间和帮助!
这是我的方法
自己编写代码
Widget build(BuildContext context) {
return Scaffold(
body: Form(
key: _formKey,
//child: SingleChildScrollView(
//scrollDirection: Axis.vertical,
child: Column(
children: <Widget>[
// Book name
Flexible(
child: Padding(
padding: EdgeInsets.all(20.0),
...
),
// Author
Flexible(
child: Padding(
padding: EdgeInsets.all(20.0),
...
),
Flexible(
child: Container(
height: 360,
decoration: BoxDecoration(
...
),
),
Flexible(
child: Container(
margin: const EdgeInsets.only(top: 40),
child: Column(
children: <Widget>[
Padding(
padding: const EdgeInsets.all(8.0),
child: Center(...
),
SizedBox(height: 10.0),
Expanded(
child: Stack(
children: <Widget>[
Container(
height: double.infinity,
margin: const EdgeInsets.only(
left: 20.0, right: 20.0, top: 10.0),
child: ClipRRect(
...
),
uploadImageButton(context),
...
),
),
),
);
}
我在使用 Render 时遇到的错误
RenderFlex children have non-zero flex but incoming height constraints are unbounded.
RenderBox was not laid out: RenderRepaintBoundary#80e40 relayoutBoundary=up1 NEEDS-PAINT