Flutter页面ListView上方出现多余空白间隙问题如何解决?
Flutter 布局Stack与ListView间隙问题修复方案
问题表现
期望页面内的 ListView 在蓝色区域下方开始渲染,实际布局中两者之间出现多余空白,ListView 无法在预期位置开始展示。
现有核心布局代码
Column(children:[Stack(some other code),Expanded(child:ListView(..))]);
修复方案
- 问题根源为
Stack内部的某一个 Container 设置了对称 margin 属性,对称 margin 会同时作用于上下/左右方向,导致 Stack 区域底部产生了预期外的空白 - 直接将该 Container 的 margin 配置从对称值修改为
EdgeInsets.only(left: 具体数值, top: 具体数值),仅在需要的方向保留边距即可消除多余间隙
内容的提问来源于stack exchange,提问作者bach
相关产品推荐
相关产品推荐

