diamond_dial_fab 0.0.1

diamond shaped floating action button

diamond_dial_fab

Diamond shaped floating action button with dials.

Screenshot

Usage

• Add the dependency to your pubspec.yaml file.

dependencies:
    flutter:
      sdk: flutter
    diamond_dial_fab: 0.0.1

• Add DiamondDialFab in your Scaffold Widget like any FAB.

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold (
        floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat,
        floatingActionButton:
          DiamondDialFab(
            children: [
              DiamondDialChild(
                child: const Icon(Icons.wine_bar),
                label: "Wine Bar",
              ),
              DiamondDialChild(
                child: const Icon(Icons.wc),
                label: "Toilet"
              )
            ]
          ),
                ....

Customize

The following options are available for DiamondDialFab:

Property	Type	Description
children	List	List of DiamondDialChild
buttonSize	double	Size of main FAB.
mainIcon	Icon	Main FAB Icon
mainBackgroundColor	Color	Background color of main FAB Icon
mainForegroundColor	Color	Background color of main FAB Icon
pressedIcon	Icon	Main FAB Icon when pressed
pressedBackgroundColor	Color	Background color of main FAB Icon
pressedForegroundColor	Color	Background color of main FAB Icon
cornerRadius	double	Radius of diamond's corners. It should be under the quarter of buttonSize.
dimOverlay	DimOverlay	.dark, .light or .none.
dimOpacity	double	It should be under 1.0
childLabelLocation	LabelLocation	.left or .right. It is not depends on location of the main FAB, you should apply it manually.
childrenButtonSize	Size	Size of children FAB.
notifierIsOpen	ValueNotifier<bool>	You can be notified if FAB opens.
animationSpeed	int	It is not working yet.
heroTag	String	It it not working yet.

License

MIT License