Flutter中GridView.builder无法滚动，如何解决该问题？

核心问题分析 #

你的代码里shrinkWrap: true会让GridView自适应内容高度，失去滚动所需的固定高度约束；如果父组件（比如Column）没有提供明确高度，也会导致滚动失效。之前尝试的参数没起作用，是因为这些配置和当前的约束冲突了。

具体修复步骤 #

• 移除shrinkWrap: true，让GridView依赖父组件的高度约束
• 若GridView嵌套在Column中，用Expanded包裹它，使其占据父组件的剩余可用空间
• 将physics设置为const AlwaysScrollableScrollPhysics()，强制启用滚动（ScrollPhysics()是基础类，不会主动触发滚动行为）

修改后的代码示例 #

padding: const EdgeInsets.all(18.0),
child: Expanded( // 新增Expanded包裹
  child: GridView.builder(
    primary: true,
    physics: const AlwaysScrollableScrollPhysics(), // 修改此处
    // 移除shrinkWrap: true
    itemCount: data.length,
    gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
      childAspectRatio: 2.9 / 5,
      crossAxisCount: 2,
      crossAxisSpacing: 30.0,
      mainAxisSpacing: 10.0,
    ),
    itemBuilder: (context, index) {
      return Column(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Container(
            height: 200,
            width: 300,
            decoration: BoxDecoration(
                image: DecorationImage(
                    fit: BoxFit.cover,
                    image: AssetImage(data[index].image)),
                borderRadius: BorderRadius.circular(20)),
          ),
          const SizedBox(height: 9),
          const Text(
            'Drnink Name',
            style: TextStyle(
              fontSize: 20,
              fontWeight: FontWeight.bold,
            ),
          ),
          const SizedBox(height: 10),
          const Text(
            'Category name',
            style: TextStyle(
                fontWeight: FontWeight.bold, color: Colors.grey),
          )
        ],
      );
    },
  ),
),

额外注意事项 #

• 不要用SingleChildScrollView包裹GridView，两者的滚动逻辑会冲突，GridView本身具备独立滚动能力
• 检查父组件是否嵌套了其他滚动组件（比如ListView），避免多层滚动导致的交互异常

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