![](/img/trans.png)
[英]“A RenderFlex overflowed by 60 pixels on the bottom” error on flutter
[英]Fixing error Bottom OverFlowed By in flutter
我正在处理一个 flutter 项目,已经好几个小时了我都无法解决这个错误。 我做了一个 GridView,其中的标题在卡片之外,但我有这个错误。 我不能将高度设置为高于 56。我想让它们看起来像正方形。 非常感谢任何帮助。
这是我的代码:
Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
InkWell(
onTap: () {
setState(() {
isLoading = true;
});
_splitScreen2(index);
},
child: Card(
elevation: 18.0,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(10.0))),
child: Expanded(
child: Image.asset(
img,
alignment: Alignment.center,
fit: BoxFit.cover,
),
),
margin: EdgeInsets.all(8.0),
),
),
Text(
title,
style: TextStyle(fontSize: 12.0,),
)
],
);
Container(
// height: 150,
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
InkWell(
onTap: () {
// setState(() {
// isLoading = true;
// });
// _splitScreen2(index);
},
child: Card(
elevation: 18.0,
shape: const RoundedRectangleBorder(
borderRadius: BorderRadius.all(Radius.circular(10.0))),
child: Expanded(
child: Image.Network(
data["Image"],
alignment: Alignment.center,
fit: BoxFit.cover,
),
),
margin: EdgeInsets.all(8.0),
),
),
Text(
data["name"],
style: TextStyle(fontSize: 12.0,),
)
],
),
);
Container(
// height: 150,
child: InkWell(
onTap: () {
// setState(() {
// isLoading = true;
// });
// _splitScreen2(index);
},
child: Card(
child: Column(
children: [
Expanded(
child: Container(
child: Image.network(
data["Image"],
alignment: Alignment.center,
fit: BoxFit.cover,
),
),
),
Text(
data["Name"],
style: TextStyle(
fontSize: 12.0,
),
)
],
),
),
),
);
将Column
视为Card
的子部件
class ItemWidget extends StatelessWidget {
var data;
ItemWidget(this.data, {Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
var column = Column(
children: [
Expanded(
child: Container(
// height: 125,
child: Image.network(
data["Image"],
alignment: Alignment.center,
fit: BoxFit.cover,
),
),
),
Center(
child: Text(
data["Name"],
style: TextStyle(fontSize: 12),
))
],
);
var column2 = InkWell(
onTap: () {
// setState(() {
// isLoading = true;
// });
// _splitScreen2(index);
},
child: Column(
children: [
Expanded(
child: Container(
child: Image.network(
data["Image"],
alignment: Alignment.center,
fit: BoxFit.cover,
),
),
),
Text(
data["Name"],
style: TextStyle(
fontSize: 12.0,
),
)
],
),
);
return Container(
// height: 150,
child: InkWell(
onTap: () {
// setState(() {
// isLoading = true;
// });
// _splitScreen2(index);
},
child: Card(
child: Column(
children: [
Expanded(
child: Container(
child: Image.network(
data["Image"],
alignment: Alignment.center,
fit: BoxFit.cover,
),
),
),
Text(
data["Name"],
style: TextStyle(
fontSize: 12.0,
),
)
],
),
),
),
);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.