Flutter如何实现全屏可滚动？

核心问题原因 #

你之前的问题出在：SingleChildScrollView 内部的 Column 不能用 Expanded——因为滚动视图的垂直空间是无限的，Expanded 无法计算“剩余空间”，完全失效。另外原结构里的 Column 设置了 mainAxisSize: MainAxisSize.max，在滚动视图里没必要，反而会导致布局计算异常。

具体修复步骤 #

1. 把 body 直接换成 SingleChildScrollView，内部嵌套 Column
2. 删掉 Expanded 组件，让 MyWidget 直接作为 Column 的子项
3. 给内部的 Column 设置 mainAxisSize: MainAxisSize.min（让Column高度由内容决定，而非强制占满屏幕）

修改后的代码示例 #

Widget build(BuildContext context) {
  return Scaffold(
    key: scaffoldKey,
    backgroundColor: Colors.white,
    appBar: AppBar(
      title: Text(
        'My App',
        style: AppTheme.of(context).title1,
      ),
      elevation: 0,
      backgroundColor: Colors.amber,
    ),
    body: SingleChildScrollView( // 替换原Column为滚动视图
      child: Column(
        mainAxisSize: MainAxisSize.min, // 改为适配内容高度
        children: [
          Padding(
            padding: EdgeInsetsDirectional.fromSTEB(10, 20, 10, 0),
            child: Column(
              // 你的Padding内部内容
            ),
          ),
          // 另外两个重复的Padding组件...
          MyWidget( // 移除Expanded，直接放置组件
              myProp1: value1,
              myProp2: value2,
              myProp3: value3,
              myProp4: value4,
              myProp5: value5,
              myProp6: value6
          ),
        ],
      ),
    ),
  );
}

额外注意点 #

如果 MyWidget 本身是带滚动的组件（比如 ListView），你需要给它设置固定高度（用 SizedBox 包裹），或者禁用内部滚动（比如 ListView(physics: NeverScrollableScrollPhysics())），否则会出现嵌套滚动冲突，导致只有MyWidget内部能滚动，整个屏幕还是无法滚动。

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