flutter_expandable_fab 1.3.0
flutter_expandable_fab: ^1.3.0 copied to clipboard
Speed dial FAB that can show/hide multiple action buttons with animation.
flutter_expandable_fab #
flutter_expandable_fab is the Fab button that can show/hide multiple action buttons with animation.
This is an extension of the code in this article.
https://docs.flutter.dev/cookbook/effects/expandable-fab
Fan style & Blur overlay #
Vertical style & Color overlay #
Horizontal style & Custom buttons #
Getting started #
import 'package:flutter_expandable_fab/flutter_expandable_fab.dart';
Scaffold(
floatingActionButton: ExpandableFab(
children: [
FloatingActionButton.small(
child: const Icon(Icons.edit),
onPressed: () {},
),
FloatingActionButton.small(
child: const Icon(Icons.search),
onPressed: () {},
),
],
),
),
Properties #
| Property | Description | Default |
|---|---|---|
| distance | Distance from children | 100 |
| duration | Animation duration | 250ms |
| fanAngle | Angle of opening when fan type | 90 |
| initialOpen | Open at initial display | false |
| type | The type of behavior of this widget | fan |
| closeButtonStyle | Style of the close button | |
| child | The widget below this widget in the tree | |
| childrenOffset | For positioning of children widgets | |
| children | The widgets below this widget in the tree | |
| foregroundColor | The default foreground color for icons and text within the button | |
| backgroundColor | The button's background color | |
| onOpen | Execute when the menu opens | |
| onClose | Execute when the menu closes | |
| overlayStyle | Provides the style for overlay. No overlay when null. |