Flutter：Container内嵌GridView自动滚动异常的原因及修复求助

问题原因 #

1. shrinkWrap与固定父容器高度冲突：父容器已固定60×60尺寸，shrinkWrap: true会让GridView尝试根据子项计算自身高度，结合子项的margin，网格总高度刚好等于父容器高度，但这种双重高度控制会干扰布局计算逻辑。
2. AlwaysScrollableScrollPhysics强制滚动导致偏移异常：该参数会强制GridView保持可滚动状态，即使内容未超出父容器，这会触发Flutter的滚动偏移计算错误，导致GridView自动向下滚动，仅显示第一行。
3. 移除该physics参数后，默认的滚动物理效果会根据内容是否溢出判断是否可滚动，但此时布局计算的微小偏差仍会导致初始显示不完整，需要手动调整。

修复方法 #

方案一：禁用滚动+移除多余的shrinkWrap #

既然网格内容刚好填满父容器，无需滚动，直接禁用滚动并去掉shrinkWrap，让GridView完全适配父容器尺寸：

return Scaffold(
  backgroundColor: Colors.black,
  body: Center(
    child: Container(
      decoration: BoxDecoration(border: Border.all(color: Colors.white)),
      width: 60,
      height: 60,
      child: GridView.builder(
        itemCount: 16,
        physics: const NeverScrollableScrollPhysics(), // 禁用滚动
        gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: 4,
          childAspectRatio: 1.0,
          crossAxisSpacing: 2, // 用spacing替代item的margin，布局更可控
          mainAxisSpacing: 2,
        ),
        itemBuilder: (context, index) {
          return Container(
            decoration: BoxDecoration(
                color: Colors.red, borderRadius: BorderRadius.circular(2)),
          );
        },
      ),
    ),
  ),
);

方案二：保留滚动但修正初始位置 #

如果需要保留滚动能力（比如后续子项尺寸或数量变化），可以使用ClampingScrollPhysics，并通过ScrollController设置初始滚动位置为顶部：

final ScrollController _gridController = ScrollController(initialScrollOffset: 0);

@override
Widget build(BuildContext context) {
  return Scaffold(
    backgroundColor: Colors.black,
    body: Center(
      child: Container(
        decoration: BoxDecoration(border: Border.all(color: Colors.white)),
        width: 60,
        height: 60,
        child: GridView.builder(
          controller: _gridController,
          itemCount: 16,
          physics: const ClampingScrollPhysics(),
          gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
            crossAxisCount: 4,
            childAspectRatio: 1.0,
            crossAxisSpacing: 2,
            mainAxisSpacing: 2,
          ),
          itemBuilder: (context, index) {
            return Container(
              decoration: BoxDecoration(
                  color: Colors.red, borderRadius: BorderRadius.circular(2)),
            );
          },
        ),
      ),
    ),
  );
}

说明：用crossAxisSpacing和mainAxisSpacing替代子项的margin，能更精准控制网格间距，避免布局计算误差。

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