expendable_fab 0.0.3

A Flutter package to create a nice circular expendable menu using a Floating Action Button.

Expendable Fab Menu

A flutter expendable simple FAB Floating Action Button menu

Installation

Just add expendable_fab to your pubspec.yml file

dependencies:
  expendable_fab: ^0.0.1

copied to clipboard

Example

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Placeholder(),
        floatingActionButton: ExpendableFab(
          distance: 112.0,
          children: [
            ActionButton(
              onPressed: () => toast(context, 'balance'),
              icon: const Icon(Icons.account_balance),
            ),
            ActionButton(
              onPressed: () => toast(context, 'money'),
              icon: const Icon(Icons.money),
            ),
          ],
        ),
      ),
    );
  }
}

copied to clipboard

You can check for a more complete example in the example directory.

Customize

You can customize the widget appareance using the following properties:

Property	Description	Default
distance	Sets the widget distance from bottom and right side	112

Contributing

Please submit a PR 😁, I want to have 1 ) action buttons customization 2 ) button customization 3 ) more animations