Flutter中Stack嵌套TableCalendar后列表无法滚动到底部求助

你的问题出在Stack+Positioned的布局结构：Positioned组件会脱离正常文档流，外层的SingleChildScrollView无法正确计算列表的实际高度，导致滚动范围被限制，自然滚不到列表末尾。

直接用Stack覆盖的思路没必要，换个更合理的布局方式就能解决：只让TableCalendar显示表头，把列表直接放在表头下方，外层用SingleChildScrollView包裹整个结构。

修改后的代码示例 #

body: SingleChildScrollView(
  scrollDirection: Axis.vertical,
  physics: const AlwaysScrollableScrollPhysics(),
  child: Column(
    children: [
      // 仅显示TableCalendar的表头，隐藏日历主体
      SizedBox(
        width: 430,
        child: TableCalendar(
          headerVisible: true,
          // 关键：设置calendarHeight为0，直接隐藏日历主体
          calendarHeight: 0,
        ),
      ),
      // 原来Positioned里的列表内容直接放在这里
      Container(
        width: MediaQuery.of(context).size.width,
        child: Column(
          children: [
            Container(
              height: 45,
              width: 430,
              child: Row(
                // 你的Row内容
              ),
            ),
            Padding(
              padding: const EdgeInsets.only(top: 10.0, bottom: 20),
              child: Column(
                children: [
                  for (var i = 0; i < _events.length; i++) ...[
                    ListTile(
                      // 你的ListTile内容
                    ),
                  ]
                ],
              ),
            ),
          ],
        ),
      ),
    ],
  ),
),

核心改动说明 #

1. 移除Stack和Positioned，改用Column垂直排列表头与列表，让SingleChildScrollView能正确计算整体高度，滚动范围覆盖完整列表。
2. 通过calendarHeight: 0直接隐藏TableCalendar的日历主体，仅保留表头，满足“按月展示表头”的需求。
3. 删除原代码中minHeight: MediaQuery.of(context).size.height的强制约束，避免因固定高度导致的滚动异常。

这样修改后，列表可正常滚动到底，同时保留表头的展示与交互功能。

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