Flutter GridView 有时会显示填充，尽管将其设置为 EdgeInsets.zero

Question

我正在制作一个非常简单的网格，基本上是 9 个正方形，我将填充设置为 EdgeInsets.zero(或 EdgeInsets.all(0))，有时, 根据窗口的大小，它显示或不显示填充。

我在 chrome 和 linux(fedora plasma 和 fedora i3wm)上测试它，错误是一致的。

下面的图片共享相同的代码，我只是稍微调整了窗口的大小

Image with paddings/gaps

Image without paddings/gaps

这是代码

import 'package:flutter/material.dart';

void main(){
    runApp(MaterialApp(home: myApp));

}

// display 9 squares
Widget myApp = GridView.count(
    crossAxisCount: 3,
    padding: EdgeInsets.zero,
    children: [
        Square(),
        Square(),
        Square(),

        Square(),
        Square(),
        Square(),

        Square(),
        Square(),
        Square(),
    ],
);

// simple red colored square
class Square extends StatelessWidget {
    Color color = Colors.red;
    Square({super.key});

    @override
    Widget build(BuildContext context){
        return Container(
            color: color,
            padding: EdgeInsets.zero,
        );
    }
}

Answer 1

flutter 是跨平台框架，有助于使用单一代码库构建应用程序。但是，挑战在于如何使应用程序适应每个平台。

您可以阅读此文档以获得完整解释:https://docs.flutter.dev/development/ui/layout/building-adaptive-apps

有很多考虑因素，您说它的显示填充取决于窗口大小，这是此处提到的文档之一:https://docs.flutter.dev/development/ui/layout/building-adaptive-apps#building-adaptive-layouts

我还没有探索，但那是我的假设。希望它能指导你解决问题