gpt4 book ai didi

Flutter - 如何去除 GridView 下的边距?

转载 作者:行者123 更新时间:2023-12-05 08:22:38 25 4
gpt4 key购买 nike

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

IOS example

这张图片来自 IOS 模拟器,下面是它在 Android 上的小屏幕上的样子,其中边距似乎消失了或小了很多:

Android example

代码如下:

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)
)
);
}
}

我实在想不通这个margin是什么,从哪里来的,是跟shr​​inkWrap有关系还是别的什么。

如何删除这个边距?

编辑:

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

iOS:

IOS

安卓:

Android

最佳答案

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

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

关于Flutter - 如何去除 GridView 下的边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59424719/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com