Flutter GridView条目间距不均 显示不规则点阵线条问题

以下代码预期生成均匀排布的30×30网格图案：

GridView.builder(
          physics: const NeverScrollableScrollPhysics(),
          gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
              crossAxisCount: 30), // 原代码缺少赋值冒号，已修正笔误
          itemCount: 30 * 30,
          itemBuilder: (context, index) {
            return Container(
              decoration: BoxDecoration(
                  color: Colors.black, borderRadius: BorderRadius.circular(2)),
            );
          },
    ),

实际运行后呈现不规则的线条和点阵图案，不符合预期。当前所有间距参数默认值为0，理论上不应出现间隙，该问题仅出现在桌面端运行环境。
实际运行效果截图：

该问题是桌面端像素对齐机制导致的渲染误差：当GridView的父容器总宽度/高度无法被crossAxisCount（30）整除时，每个网格单元分配到的实际尺寸为带小数的像素值，Flutter抗锯齿渲染时会对边缘做半透明处理，误差累积后就形成了肉眼可见的不规则间隙。

• 方案1：强制网格尺寸为整数像素
  给GridView包裹LayoutBuilder，拿到父容器尺寸后计算可被30整除的最大整数值，再约束GridView的尺寸，从根源避免小数像素：

LayoutBuilder(
  builder: (context, constraints) {
    // 计算可被30整除的最大宽高
    final double width = constraints.maxWidth - (constraints.maxWidth % 30);
    final double height = constraints.maxHeight - (constraints.maxHeight % 30);
    return SizedBox(
      width: width,
      height: height,
      child: GridView.builder(
        physics: const NeverScrollableScrollPhysics(),
        gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: 30,
          mainAxisSpacing: 0,
          crossAxisSpacing: 0,
          childAspectRatio: 1,
        ),
        itemCount: 30 * 30,
        itemBuilder: (context, index) {
          return Container(
            decoration: BoxDecoration(
              color: Colors.black,
              borderRadius: BorderRadius.circular(2),
            ),
          );
        },
      ),
    );
  },
)

• 方案2：明确指定网格间距
  主动设置SliverGridDelegateWithFixedCrossAxisCount的mainAxisSpacing、crossAxisSpacing参数，不要依赖默认的0间距自动分配逻辑，你可以根据需求自定义等距间隙，生成均匀的网格线条效果。
• 方案3：优化圆角渲染
  如果你需要生成等距圆点效果，确保单元格尺寸和圆角半径为匹配的整数值，也可以给BoxDecoration添加isAntiAlias: false关闭抗锯齿，避免边缘模糊：

decoration: BoxDecoration(
  color: Colors.black, 
  borderRadius: BorderRadius.circular(2),
  isAntiAlias: false,
),

内容的提问来源于stack exchange，提问作者Shahzad Akram