Flutter中SingleChildScrollView嵌套含Expanded的Column无法滚动如何解决

SingleChildScrollView会给内部子元素提供无限的纵向布局空间，而Expanded组件的作用是在有限高度的父容器中占用剩余可用空间，二者的布局逻辑完全冲突，这就是你页面不能正常滚动的原因。

你不需要找其他组件替换Expanded，直接做两处调整即可满足需求：

• 给你的GridView.count添加两个属性：
  • shrinkWrap: true：让GridView根据内部子元素的总高度自适应自身高度，不需要占满父容器剩余空间
  • physics: const NeverScrollableScrollPhysics()：禁用GridView自身的滚动能力，滚动逻辑完全交给外层的SingleChildScrollView处理
• 直接删掉包裹GridView的Expanded组件即可

后续你新增更多CategoryCard的时候，GridView会自动计算整体高度，不需要你手动设置固定高度，整个页面会跟着外层的SingleChildScrollView正常滚动。

// 外层用SingleChildScrollView包裹原来的Column
SingleChildScrollView(
  child: Container(
    margin: EdgeInsets.symmetric(horizontal: size.width * 0.10),
    child: Column(
      children: [
        // 原来的顶部状态栏、日期、问候语、图片这些代码都不用动
        SizedBox(height: statusBarHeight),
        Align(/* 原有日期代码 */),
        Container(/* 问候语原有代码 */),
        Container(/* 图片原有代码 */),
        SizedBox(height: 20),
        Align(/* "Cosa vuoi fare oggi?"原有代码 */),

        // 删掉Expanded，直接放Container和GridView
        Container(
          margin: EdgeInsets.only(top: 20),
          child: GridView.count(
            padding: EdgeInsets.all(0),
            childAspectRatio: 0.8,
            crossAxisSpacing: 20,
            mainAxisSpacing: 20,
            // 新增这两个属性
            shrinkWrap: true,
            physics: const NeverScrollableScrollPhysics(),
            children: <Widget>[
              // 原有CategoryCard代码不变
              CategoryCard(
                title: "Profilo",
                numeroicona: 60307,
                numerocolore: 0xFF8c7ffd,
              ),
              CategoryCard(
                title: "Università",
                numeroicona: 58713,
                numerocolore: 0xffb08dff,
              ),
              CategoryCard(
                title: "Idee",
                numeroicona: 58235,
                numerocolore: 0xFF1a88ff,
              ),
              CategoryCard(
                title: "Progetti",
                numeroicona: 61080,
                numerocolore: 0xFF4b5982,
              ),
            ],
            crossAxisCount: 2
          ),
        ),
      ],
    ),
  ),
)

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