Flutter：让GridView适配Container且禁用滚动

要实现GridView自动适配容器、无滚动效果的需求，你可以按以下方式修改代码：

核心调整 #

在GridView.count中添加两个关键属性，结合外层的Expanded约束即可实现基础适配：

• physics: const NeverScrollableScrollPhysics()：彻底关闭滚动功能
• shrinkWrap: true：让GridView根据子项内容调整自身尺寸，配合Expanded就能填满父容器的可用空间

优化网格项精准适配（可选） #

如果需要网格项自动缩放以完全填充容器，可通过LayoutBuilder获取父容器的尺寸，计算每个网格项的精准大小。示例代码如下：

Widget leftColumn() {
  return LayoutBuilder(
    builder: (context, constraints) {
      // 计算网格项的可用宽度：扣除内边距和列间距
      final padding = const EdgeInsets.all(10);
      final crossAxisSpacing = 5.0;
      final crossAxisCount = totalResultLength + horizontalGap;
      final availableWidth = constraints.maxWidth 
          - padding.left 
          - padding.right 
          - (crossAxisSpacing * (crossAxisCount - 1));
      final itemWidth = availableWidth / crossAxisCount;
      // 这里可按需设置宽高比，示例为正方形网格
      final itemHeight = itemWidth;

      return GridView.count(
        primary: false,
        padding: padding,
        crossAxisSpacing: crossAxisSpacing,
        mainAxisSpacing: 5,
        crossAxisCount: crossAxisCount,
        physics: const NeverScrollableScrollPhysics(), // 禁用滚动
        shrinkWrap: true, // 适配容器尺寸
        childAspectRatio: itemWidth / itemHeight, // 控制网格项比例
        children: <Widget>[
          for (int i = 0; i < totalRows * totalColumns; i++) 
            SizedBox(
              width: itemWidth,
              height: itemHeight,
              child: numberBox(i),
            ),
        ],
      );
    },
  );
}

注意事项 #

原代码中的Expanded已经为leftColumn提供了明确的尺寸约束，这是GridView能正确适配容器的前提，无需额外修改外层的Row结构。

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