flutter Another exception was thrown: A RenderFlex overflowed by xx pixels on the bottom

小菜比哔哔哔

于 2020-12-15 16:24:28 发布

阅读量931

点赞数

文章标签： flutter

本文链接：https://blog.youkuaiyun.com/qq_34881609/article/details/111223749

版权

本文探讨了在Flutter中使用GridView时遇到的ARenderFlexoverflowedby错误，通过调整childAspectRatio属性解决非正方形子项布局问题，确保视觉效果和代码兼容性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用flutter 中的gridview 时候item如图：

在制作完成之后遇到 A RenderFlex overflowed by xx pixels on the bottom

在网上查的资料都说是添加Expanded来处理，添加之后发现还是无效果，后来阅读gridview.builder() gridDelegate: SliverGridDelegateWithFixedCrossAxisCount里面的源码发现

childAspectRatio这个属性默认值为1.0 也就是说你的子项宽高比默认为1:1那特么的就是个正方形咯。。我这图明显不是正方形额。。怪不得总是溢出报错。。

然后修改了下childAspectRatio属性之后异常解决了，修改如下：