diamond_dial_fab 0.0.3 copy "diamond_dial_fab: ^0.0.3" to clipboard
diamond_dial_fab: ^0.0.3 copied to clipboard

Diamond shaped floating action button with dials.

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.3
  • 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

4
likes
100
pub points
42%
popularity

Publisher

unverified uploader

Diamond shaped floating action button with dials.

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on diamond_dial_fab