Hi, thank you for the initiative of developing this package. Currently I'm including you FAB in an app with a bottom navigation. When I switch the item/tab, the FAB is replaced by a new one. I have the following issues:

• The default margin of a regular FAB is smaller than the margin in this package; when switching FABs they jump to different places; is there a way to change the margins to the default from the regular FAB?
• the regular FABs, when switching between views, fade out and fade in; using the FAB from this package I'm not achieving the same effect.

To better illustrate my use case, please check this similar example from Flutter Gallery.

Thanks for the updates, looking really good, the popup animation is much nicer and the collapse on press was working nicely. However, after the 1.0.5 update there were a few quirky problems that I ran into. First error I was getting was: Another exception was thrown: There are multiple heroes that share the same tag within a subtree. So what I had to do to get rid of that was inside the UnicornButton FloatingActionButton component, to set heroTag: null, and that went away. It was mostly working but then I realized I wasn't able to press the sub buttons anymore. The onPressed in the mini FloatingActionButton was no longer getting called... I don't know what that's about, it was working at first and after playing with it a while I couldn't find a fix. I've checked it against the example and it all looks right... only difference is I'm using it on a few different pages in the route and adding the list of UnicornButton children directly instead of a variable list. Any suggestions? Thanks.

I am docking the unicornspeeddial into a bottom app bar, with

hasNotch: true.
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked

In version 1.1.3 this didn't exists, but not it is showing:

When using UnicornDialler in a BottomAppBar with a docked position specified, the FAB is incorrectly positioned (requires a padding of 20.0 at the bottom).

Scaffold(
  appBar: …,
  body: …,
  floatingActionButton: UnicornDialler(…),
  floatingActionButtonLocation: FloatingActionButtonLocation.endDocked,
  bottomNavigationBar: BottomAppBar(
    child: …,
    shape: CircularNotchedRectangle(),
  )

Specifying a NotchShape when using UnicornDialler in a BottomAppBar breaks the rendering of the notch shape:

Scaffold(
  appBar: …,
  body: …,
  floatingActionButton: UnicornDialler(…),
  floatingActionButtonLocation: FloatingActionButtonLocation.endDocked,
  bottomNavigationBar: BottomAppBar(
    child: …,
    shape: CircularNotchedRectangle(),
  )

I have one last suggestion: if the main FAB has an "add" icon (+), it rotates to a "cancel" (x) when opening, which is what is intended. But when using other icons, the same effect is not possible. Wouldn't be better to always animate to a cross when opening instead of rotating the original icon?

This was just what I was looking for, got it integrated in no time and fairly pleased. Just ran into one little snag I was hoping you could help with.. The child buttons pop out fine, but when I press the sub button I expected the icons to collapse down after pressing it. I figure there's something to add to the onPressed of the UnicornButton to tell UnicornDialer to close, or an option in UnicornDialer to tell it to auto collapse, but I couldn't figure out any solution after tinkering with it a bit. Thanks.

Hello again, still regarding issue #6, I'm stuck in a small detail: when switching tabs, if there is a FAB with no children, it is not being animated (fade out, fade in). Could you check this, please?

Getting closer to perfect, but with this new update there are different errors that arose. I'm using this in a TabView where I'm changing the active fab dynamically, which is different from the example where you have only one simple one. Anyways, here's one of the new errors when pressing the main dialer:

I/flutter ( 2908): The following NoSuchMethodError was thrown while handling a gesture:
I/flutter ( 2908): The method 'call' was called on null.
I/flutter ( 2908): Receiver: null
I/flutter ( 2908): Tried calling: call()
I/flutter ( 2908): When the exception was thrown, this was the stack:
I/flutter ( 2908): #0      Object.noSuchMethod (dart:core/runtime/libobject_patch.dart:46:5)
I/flutter ( 2908): #1      _UnicornDialer.build.<anonymous closure> (package:unicorndial/unicorndial.dart:108:18)

Looks like that's on the onMainButtonPressed of the parent fab, which was an optional parameter. That one should be an easy fix. The other error I'm getting that breaks it a bit is this: I/flutter ( 2908): Another exception was thrown: There are multiple heroes that share the same tag within a subtree. I do have a unique heroTag on each one of the child UnicornButton fabs, and there's no way I found to set a hero on the main UnicornDialer. Spent some time trying to debug that one but couldn't find a fix.

Also saw the change from the + to the x changing the opened icon, but I personally liked it before just rotating the icon. I'm using the + from FontAwsomeIcons.plus which looked better being thicker, but now it looks weird going to a thin x... That should be an option so set the close icon, or setting a rotation angle manually that defaults to 45 degrees, Anyways, sorry to be making more work for you, but trying to be helpful to get this polished up. Thanks for the good work.

Hey guys, I came to know about this package from flutterawesome but it looks like this package is not maintained from straight 2018 and doesn't keep up to current flutter standards like Null safety and other stuff.

You can use flutter_speed_dial it also have a Direction parameter and is far superior than this cause it uses Overlays instead of old Stack implementation.

You can test it in your app by using below code snippet, I hope you will like it.

 flutter_speed_dial: ^4.0.0-dev

You can checkout full release here.

Task: Able to use IconImage instead Icon types. Flexibile change of color and size of parentButton and FinalButton. Decision:

1. Minor changes of parameters declaration with change Icon to WIdget class type

2. Change of animation for parent button when called FloatingActionButton for rendering of parent button Result:

3. Able use ani Icon images for FAB

4. Possibilities change of color, size and other setting for icons which used for parent button Example:

   return UnicornDialer( parentButtonBackground: Colors.white, orientation: UnicornOrientation.VERTICAL, parentButton: ImageIcon( AssetImage("images/icons/creaz nuovi contenuti.png"), size: 40, color: Colors.black, ), finalButtonIcon: ImageIcon( AssetImage("images/icons/x cancella.png"), size: 40, color: Colors.black, ), childButtons: childButtons);