Flutter异常求助：RenderFlex底部溢出125像素问题排查

原因分析 #

• 你给Container设置了固定高度为屏幕高度，同时添加了EdgeInsets.all(25)的内边距，这导致容器内部的可用高度被压缩为屏幕高度 - 50（上下各25的内边距）。
• 内部Column设置了mainAxisAlignment: MainAxisAlignment.spaceEvenly，当子组件总高度加上均匀分配的空白空间超过容器内部可用高度时，就会触发底部溢出。
• 最关键的问题：SingleChildScrollView的子组件是固定高度的Container，滚动视图无法感知到内部Column的溢出——因为Container的高度并未超出屏幕范围，所以滚动功能完全失效。

解决方案 #

方案一：移除Container的固定高度（推荐） #

让Container自适应内部Column的高度，这样SingleChildScrollView就能正常接管滚动逻辑：

SingleChildScrollView(
  child: Container(
    width: MediaQuery.of(context).size.width,
    padding: const EdgeInsets.all(25),
    color: const Color.fromARGB(255, 215, 184, 221),
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      children: [
        // 你的子组件内容
      ],
    ),
  ),
)

方案二：保留容器高度，改用ListView实现内部滚动 #

如果需要Container始终占满屏幕高度，可将内部Column替换为ListView：

Container(
  height: MediaQuery.of(context).size.height,
  width: MediaQuery.of(context).size.width,
  padding: const EdgeInsets.all(25),
  color: const Color.fromARGB(255, 215, 184, 221),
  child: ListView(
    children: [
      // 你的子组件内容
    ],
  ),
)

为什么Expanded没用？ #

Expanded的作用是在Row/Column中分配父容器的剩余空间，它无法解决内容总高度超过父容器可用空间的问题——反而可能强制子组件填充剩余空间，进一步加剧溢出。

内容的提问来源于stack exchange，提问作者Ofodile JustCode Chukwubuikem