首页 > 解决方案 > Flutter - 如何在 GridView 下删除边距?

问题描述

我的下面有一个奇怪的边距GridView

IOS 示例

此图像来自 IOS 模拟器,以下是它在 Android 上较小屏幕上的外观,其中边距似乎消失或小得多:

安卓示例

这是代码:

Column(
  children: [
     GridView.count(
       shrinkWrap: true,
       crossAxisCount: 8,
       children: tiles
     ),
     Text('mamma')
  ]
)

网格 ( tiles) 中的每个元素都是一个EmptyTile小部件:

class EmptyTile extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return Container(
      decoration: BoxDecoration(
        color: bgColor,
        border: Border.all(color: borderColor)
      )
    );
  }
}

我真的无法弄清楚这个利润是什么或它来自哪里,是否与它有关shrinkWrap或其他什么。

我怎样才能删除这个边距?

编辑:

根据要求,这里是没有简化示例的全屏图像。

IOS:

IOS

安卓:

安卓

标签: flutterdart

解决方案


尝试这个。默认情况下它有填充,你应该将填充设置为零。

 GridView.builder(
   padding: EdgeInsets.all(0),

推荐阅读