fab circular menu
a flutter package to create a nice circular menu using a floating action button.
getting started
wrap your content with fabcircularmenu and set your desired options:
materialapp(
home: scaffold(
body: fabcircularmenu(
child: placeholder(), // replace this with your content
options: <widget>[
iconbutton(icon: icon(icons.home), onpressed: () {
print('pressed!');
})
]
)
)
)
options
| property | type | description | default | caveat |
|---|---|---|---|---|
required child |
widget | the child of this widget | – | |
required 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 |
|
| fabopencolor | color | the color of the fab when opened | primarycolor |
will override fabcolor for open state |
| fabclosecolor | color | the color of the fab when closed | primarycolor |
will override fabcolor for close state |
| fabopenicon | icon | the open icon | icon(icons.menu) |
|
| fabcloseicon | icon | the close icon | icon(icons.close) |
|
| animationduration | duration | the animation duration | duration(milliseconds: 800) |
|
| ondisplaychange | function | a callback called when the open/close state changes | function |
|
| controller | fabcircularmenucontroller | a controller for opening or closing the menu | null |
Comments are closed.