After clicked on one menu item, I want a solution to close menu by code but I can't found anyway to do it at the moment. This feature is quite comment, I think it should be an item in wishlist features :) Thanks for your time.

1. why do you force the child parameter? seems it is not really necessary.
2. I suggest to assert required params, e.g. FabCircularMenu(...) : assert(child != null), assert(options != null && options.length > 0);
3. If you want to provide this code as a library you need to move it to the lib/src folder and provide a dart file with export statements. See other libs. Currently I am unable to use your code as a lib. I rather copied the source code into my own repository instead.
4. Please add a dispose method:

    @override
    void dispose() {
      controller?.dispose();
      super.dispose();
    }

5. I still struggle when using 4 icons. In closed state the middle icons 1 and 2 are shown in the right-bottom corner beneath the fab.

You may find the problem, I don't currently.

6. Seems it is not allowed to init the controller twice. Move that initialization to the initState() method instead:

  @override
  void initState() {
    super.initState();
    controller = AnimationController(duration: widget.animationDuration, vsync: this);
  }

Hey Mariano, I recently used your fab circular menu and I wanted to use a custom flare animation as a child of the fab so I just modified the code to add this possibility!

Currently I would like my other buttons to close when I click on the FABcircularMenu, but the widget lacks an attribute for me to have a callback, I cant do so :(

I tried to create a Column widget with the Icon and the Text widget, but then the button would be placed in a random place far away from where it was supposed to. I even tried the column as a child of the RawMaterialButton, but same result.

Is it possible to add text below the icon with this package? I would love know. Great package thanks for the content!

Hi, I am trying out my project on Web too. Thats where I need the ringWidth. I see you get this from ringDiameter.. and that from screenWidth.

Is there any recommended way that I may get that present ringWidth? Besides doing the entire thing from scratch with Screen class?? Also, if there isnt, how may I know when the widget has finished its constructor, because thats the time I might try to trap the fabKey.currentState.widget.ringDiameter value into a double variable.

thanks, Great package by the way!

Hello.

I wanna be change fab close button background color. I do not find interface to change background color. Can you add "fabCloseColor" property ?

Best regards.

could yuu help me how can i do that?

Hey! First of all, thanks for waiting. I've just added a controller property that takes a FabCircularMenuController which allows you to control the menu programatically.

final controller = FabCircularMenuController();

FabCircularMenu(
  child: ...,
  controller: controller,
  options: <Widget>[
    IconButton(icon: Icon(Icons.widgets), onPressed: () {
      controller.isOpen = false;
    }, iconSize: 48.0, color: Colors.white),
    ...
  ],
 )

I will improve documentation and examples soon.

Originally posted by @marianocordoba in https://github.com/marianocordoba/fab-circular-menu/issues/4#issuecomment-596169323

Flutter with Null safety is coming. Would be nice have support to this feature

Take a look to this document with step by step.

PS: vector_math dependency already support null safety

Hi. when use it inside tab view, after change of tab, I have this exception:

Basically in this case we need use animation after dispose, any idea?

AnimationController.reverse() called after AnimationController.dispose()
AnimationController methods should not be used after calling dispose.
'package:flutter/src/animation/animation_controller.dart':
Failed assertion: line 488 pos 7: '_ticker != null'

I just wrap children in GestureDetector so I can do something onTap. but it's not working.

options: <Widget>[
              GestureDetector(
                behavior: prefix0.HitTestBehavior.opaque,
                onTap: () => print('1'),
                child: IconButton(
                  icon: Icon(Icons.widgets),
                  onPressed: () {},
                  iconSize: 48.0,
                  color: Colors.red,
                ),
              ),
              GestureDetector(
                onTap: () => print('2'),
                child: IconButton(
                  icon: Icon(Icons.widgets),
                  onPressed: () {},
                  iconSize: 48.0,
                  color: Colors.white,
                ),
              ),
              GestureDetector(
                onTap: () => print('3'),
                child: IconButton(
                  icon: Icon(Icons.widgets),
                  onPressed: () {},
                  iconSize: 48.0,
                  color: Colors.white,
                ),
              )
            ],

Regarding #14: swapping the OverflowBox and the Translation + scale transformation seems to help. Regarding #26: we just need to multiply the margin values by -1 or 1 based on where the menu is. Those factors are already available in the _directionX and _directionY variables. Regarding #38: using WidgetsBindingObserver's didChangeMetrics callback we call _calculateProps() and also close() if the menu is open.

This is because the main Container's transform: Matrix4.translationValues(16.0, 16.0, 0.0) does not take into account the alignment and always does the translation into one direction both axis. It should be transform: Matrix4.translationValues(16.0 * _directionX, 16.0 * _directionY, 0.0) instead. I'll push a fix.

In my case, I was positioning the FAB using a stack (I'm using ios scaffold widgets).

The margin offsets were causing my button to float slightly to the left and downward. This attribute allows for removing the margin offset transformation.