Flutter如何禁用FAB（浮动操作按钮）默认缩放动画

原代码不生效的原因 #

你自定义的FloatingActionButtonAnimator仅作用于Scaffold状态变更时的FAB切换动画，比如FAB组件动态替换、底部导航切换触发的FAB位移/旋转场景，不会影响页面首次加载时FAB的默认入场动画——这个动画本质是FAB自带的全局Hero过渡效果。

可行实现方案 #

方案1：关闭Hero动画+自定义Animator组合 #

保留你写的AnimationNoScaling类，同时给FAB设置heroTag: null禁用默认Hero过渡即可：

// Scaffold部分代码
return Scaffold(
  floatingActionButtonAnimator: AnimationNoScaling(),
  floatingActionButton: FloatingActionButton(
    heroTag: null, // 核心配置：禁用默认Hero入场缩放动画
    onPressed: () {
      // 你的点击逻辑
    },
    child: const Icon(Icons.add),
  ),
  // 其余Scaffold配置
);

你之前定义的AnimationNoScaling类无需修改，用来处理后续FAB状态切换时的动画禁用。

方案2：自定义无动画FAB（一劳永逸） #

如果不需要FAB的任何内置动画效果，可以直接用基础组件封装静态FAB，完全规避框架自带的动画逻辑：

floatingActionButton: Container(
  height: 56,
  width: 56,
  margin: const EdgeInsets.all(16),
  child: InkWell(
    onTap: () {
      // 你的点击逻辑
    },
    borderRadius: BorderRadius.circular(28),
    child: Ink(
      decoration: BoxDecoration(
        color: Theme.of(context).primaryColor,
        borderRadius: BorderRadius.circular(28),
        boxShadow: const [
          BoxShadow(
            color: Colors.black12,
            blurRadius: 4,
            offset: Offset(0, 2),
          )
        ],
      ),
      child: const Icon(Icons.add, color: Colors.white),
    ),
  ),
)

如果使用Material3风格，还可以给组件加上固定高度阴影、水波纹效果配置，和官方FAB视觉效果完全一致，且没有任何默认动画。

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