fab_circular_menu 0.1.0 fab_circular_menu: ^0.1.0 copied to clipboard
A Flutter package to create a nice circular menu using a Floating Action Button.
FAB Circular Menu #
A Flutter package to create a nice circular menu using a Floating Action Button.
WARNING! This package is under development and should not be used in production apps.
Getting started #
Wrap your content with FabCircularMenu
and set your desired options
:
FabCircularMenu(
child: Placeholder(), // Replace this with your content
options: <Widget>[
IconButton(icon: Icon(Icons.home), onPressed: () {
print('Pressed!');
})
]
)
Options #
Property | Type | Description | Default |
---|---|---|---|
child | Widget | The child of this widget | - |
options | List | The available options of the menu | - |
ringColor | Color | The color of the ring | Colors.white |
ringDiameter | double | The diameter of the ring | screenWidth * 1.2 |
ringWidth | double | The width of the ring | ringDiameter / 3 |
fabMargin | EdgeInsets | The margin around the FAB | EdgeInsets.all(24.0) |
fabColor | Color | The color of the FAB | primaryColor |
fabOpenIcon | Icon | The open icon | Icon(Icons.menu) |
fabCloseIcon | Icon | The close icon | Icon(Icons.close) |
animationDuration | Duration | The animation duration | Duration(milliseconds: 800) |
To Do #
- Improve documentation
- Add tests
- Add examples