我明白你的困扰——用Stack虽然能正常显示，但担心点击问题，换成Column后FAB位置又跑偏了。其实问题出在Column的默认布局行为上，下面给你一套可行的修复方案：

核心问题分析 #

默认情况下，Column的mainAxisSize是MainAxisSize.max，会尽可能占据垂直方向的所有可用空间，同时默认的crossAxisAlignment是CrossAxisAlignment.center，这就导致两个FAB不再贴合endDocked的位置预期。

修复后的代码实现 #

只需要调整Column的布局参数，同时保留你原来的动画位移逻辑即可：

floatingActionButton: Container(
  child: Column(
    // 让Column仅占用两个FAB所需的最小高度，避免过度扩展
    mainAxisSize: MainAxisSize.min,
    // 让FAB横向对齐到容器末端，匹配endDocked的定位
    crossAxisAlignment: CrossAxisAlignment.end,
    children: <Widget>[
      Transform(
        transform: Matrix4.translationValues(0.0, _translateButton.value - 56, 0.0),
        child: add(),
      ),
      floatMain(),
    ],
  ),
),
floatingActionButtonLocation: FloatingActionButtonLocation.endDocked

关键调整说明 #

• mainAxisSize: MainAxisSize.min：限制Column的高度仅为两个FAB的总高度，不会拉伸到全屏，这样FAB的垂直位置不会被打乱。
• crossAxisAlignment: CrossAxisAlignment.end：确保两个FAB横向对齐到容器的右侧，完美契合endDocked的定位要求。
• 保留你原本的Transform组件：继续实现FAB的展开/收起动画效果，不影响原有交互逻辑。

另外补充一句，如果你之前用Stack时出现点击问题，大概率是某个子组件的层级或拦截导致的（比如有没有透明的覆盖层？），不过既然你倾向于用Column，上面的方案应该能解决你的核心问题。

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