How do you prevent ExpandableFab from animating to position?

[lkomanetz]

I have code where the FAB exists or not based on some condition. The ExpandableFab will animate from the center to the position when Scaffold's floatingActionButton property changes between ExpandableFab or null. I don't see any property that I can use to prevent this behavior.

return Scaffold(
    floatingActionButton: (anySelected) ? fab : null,
);

20250904-1907-16.0310880.mp4

[itzJustKranker]

same issue for me, the comment about going back and forth from fab to null got me thinking, what if it was never null?

So i used a wrapper widget and passed an enabled bool, if the fab should be visible (i.e. enabled) then i return the ExpandableFab, otherwise i just return sized box. This seems to get rid of the animation.

Would be great if this behavior could come from the library somehow

Heres some basic psuedo code to outline the fix for me

Widget? floatingActionButton = ExpandableFabWrapper(enabled: conditional);
FloatingActionButtonLocation? floatingActionButtonLocation = ExpandableFab.location;

...

return Scaffold(
        ...
        floatingActionButton: floatingActionButton,
        floatingActionButtonLocation: floatingActionButtonLocation,
);


class ExpandableFabWrapper extends ConsumerStatefulWidget {
  const ExpandableFabWrapper({required this.enabled, super.key});

  final bool enabled;

  @override
  ConsumerState<ConsumerStatefulWidget> createState() {
    return _ExpandableFabWrapperState();
  }
}


class _ExpandableFabWrapperState
    extends ConsumerState<ExpandableFabWrapper> {
  final _expandableFabKey = GlobalKey<ExpandableFabState>();

  @override
  Widget build(BuildContext context) {
    if (!widget.enabled) {
      return SizedBox();
    }

    return ExpandableFab(
          key: _expandableFabKey,
         ...
    );
}

[TrevorRowe123]

Set the floatingActionButtonAnimator property of the parent scaffold to FloatingActionButtonAnimator.noAnimation