Flutter问题：SingleChildScrollView嵌套Column无法滚动求助

页面无法滚动的核心问题是整体内容高度没超过当前屏幕视口——SingleChildScrollView只有在子元素总高度超出自身可显示区域时，才会激活滚动行为。打开键盘后屏幕视口高度被压缩，内容高度超过了缩小后的视口，所以能滚动。

另外也可能是Training组件的布局有问题：比如内部用了Expanded、Flex这类依赖父级高度约束的组件，导致它的高度没被正确撑开，进而让整个页面的总高度不够触发滚动。

试试下面几个方案：

方案1：强制内容最小高度占满屏幕 #

给Column套个ConstrainedBox，强制它的最小高度等于屏幕高度（减去顶部的35px padding），同时给SingleChildScrollView加上强制滚动的物理特性：

return Scaffold(
  body: SingleChildScrollView(
    physics: AlwaysScrollableScrollPhysics(), // 强制允许滚动，哪怕内容不够
    child: Padding(
      padding: const EdgeInsets.only(top: 35),
      child: ConstrainedBox(
        constraints: BoxConstraints(
          minHeight: MediaQuery.of(context).size.height - 35,
        ),
        child: Column(
          mainAxisSize: MainAxisSize.max,
          children: [
            Container(
              height: 95,
              child: PageView.builder(
                itemCount: 7,
                onPageChanged: (value) => onPageChanged(value),
                controller: _pageController,
                scrollDirection: Axis.horizontal,
                itemBuilder: (context, index) => Date(index: index + MyHomePage.offset,),
              ),
            ),
            Training()
          ],
        ),
      ),
    ),
  ),
);

方案2：修复Training组件的内部布局 #

如果Training组件里有滚动组件（比如ListView），给它加上shrinkWrap: true和禁止内部滚动的物理特性，让整个页面统一由外层的SingleChildScrollView控制滚动：

// 示例：Training组件内的ListView修改
ListView(
  shrinkWrap: true,
  physics: NeverScrollableScrollPhysics(),
  children: [...],
)

要是Training里用了Expanded，得给它的父级加上明确的高度约束，避免高度计算异常。

方案3：直接用ListView替代Column #

如果换ListView的话，记得设置shrinkWrap: true，同时确保物理特性允许滚动：

return Scaffold(
  body: ListView(
    shrinkWrap: true,
    physics: AlwaysScrollableScrollPhysics(),
    padding: const EdgeInsets.only(top: 35),
    children: [
      Container(
        height: 95,
        child: PageView.builder(
          itemCount: 7,
          onPageChanged: (value) => onPageChanged(value),
          controller: _pageController,
          scrollDirection: Axis.horizontal,
          itemBuilder: (context, index) => Date(index: index + MyHomePage.offset,),
        ),
      ),
      Training()
    ],
  ),
);

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