speed_dial_fab 2.3.0 speed_dial_fab: ^2.3.0 copied to clipboard
This is a library that implements the Speed Dial Float Action Button in Flutter. Fell Free to colaborate, every PR is welcome!
Speed Dial - Float Action Button #
A Speed Dial FAB widget for Flutter
Please note: Most of the support on debugging new issues relies on the open source community.
Usage #
To use speed_dial_fab, import
the speed_dial_fab
module and use the speed_dial_fab
Widget. More usage examples can be seen under the examples/
folder.
Here is the Primary and Secondary FAB reference:
Props #
primaryBackgroundColor
Change the background color of the primary FAB button.
propType: Color
default: Colors.white
primaryForegroundColor
Change the foregroundColor of the primary FAB button.
propType: Color
default: Colors.black
secondaryBackgroundColor
Change the background color of the secondary FAB buttons.
propType: Color
default: Colors.white
secondaryForegroundColor
Change the foreground color of the secondary FAB buttons.
propType: Color
default: Colors.black
secondaryIconsList
Change the icons of the secondary FAB buttons.
propType: List[IconData]
REQUIRED!
secondaryIconsOnPress
An array of function that will be called when secondary button is clicked
propType: List[Function]
REQUIRED!
secondaryIconsText
Change the text of the icon for the secondary FAB buttons, the little ones that expand and colapse from the main FAB.
propType: List[String]
default: 'null' (No tooltip)
primaryIconExpand
Change the icon for the principal FAB when the secondary FABs aren't visible. Expand secondary FABS.
propType: IconData
default: 'Icons.expand_less'
primaryIconCollapse
Change the icon for the principal FAB when the secondary FABs are visible. Close/Collapse secondary FABS.
propType: IconData
default: 'Icons.expand_less'
rotateAngle
Change the animation icon for the principal FAB, when is clicked.
propType: double
default: 'math.pi (180°)
Stateful functions #
forceExpandSecondaryFab
Force animation of expand the secondary fab. Note: This can mess the animation, so use it wisely.
forceCollapseSecondaryFab
Force animation of collapse the secondary fab. Note: This can mess the animation, so use it wisely.
Please open an issue if something doesn't work or is not clear enough.
ToDo #
- ❌ Add Test to every components
License #
See LICENSE.md