Expandable FAB


A highly customizable Simple Expandable FAB widget for Flutter, that can show/hide multiple action buttons with animation in center arc direction.



  • Add the latest version of the package to your pubspec.yaml file in the dependency section.
      sdk: flutter

    expandable_fab_lite: ^0.0.2

Run this in your terminal or click on pub get

$ flutter pub get

How to use

Simple example for the usage of the package is shown below.

Widget build(BuildContext context) {
  return Scaffold(
    appBar: AppBar(...),
    body: Center(...),
    bottomNavigationBar: BottomNavigationBar(...),
    floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
    floatingActionButton: ExpandableFab(
      fabMargin: 8,
      children: [
            icon: const Icon(Icons.message),
            onPressed: (){ }),
        ActionButton(icon: const Icon(Icons.call),
            onPressed: (){ }),
        ActionButton(icon: const Icon(Icons.email),
            onPressed: (){ })



Property Description Default
icon Set icon for the FAB Icons.add
color Set color for the FAB Colors.blue
fabSize Set size for the FAB 56
fabMargin Give margin for the FAB 0
fabElevation Set elevation for the FAB 4
actionButtonSize Set size for the Action Buttons 48
actionButtonElevation Set elevation for the Action Buttons 4
controller Set controller to controll programatically


Property Description Default
icon Set icon for the ActionButton
color Set color for the ActionButton Colors.black87
onPressed Listener for ActionButton click