zuvola / flutter_expandable_fab Goto Github PK

Fatal Exception: io.flutter.plugins.firebase.crashlytics.FlutterError
There are multiple heroes that share the same tag within a subtree. Within each subtree for which heroes are to be animated (i.e. a PageRoute subtree), each Hero must have a unique non-null tag. In this case, multiple heroes had the following tag: # Here is the subtree for one of the offending heroes: Hero. Error thrown during a scheduler callback.

Hey, I want to set the size of the ExpandableFab as FloatActionButton.large or FloatActionButton.small, etc. Is it possible? If it is, how can I do this?

Thanks.

I have the button on HomeScreen.. when the user navigates to MainScreen by the use of the button and presses back to navigate to the HomeScreen on the top of the page, the FAB is still expanded. please check this issue

Hello,

I'm using this library. Which is awesome!

I don't know if I'm not doing it correctly. I have an expandable fab on the bottom right of the screen which shows three options when pressed: Upload camera foto, upload gallery photo, or upload file. Till here all is correct.

The problem happens when I have a list view for example, which is reaching almost the bottom of the screen. I try to press an item at the bottom of the screen, and instead of doing the onPressed function of that item, it executes the onTap function of the floating expandable fab, even though it is closed.

I don't know if you are facing this issue.

I updated flutter to version 3.24.0
I updated the plugin to version 2.2.0

And whenever I open the floating action button I can't close it using the close button, it just doesn't work.

Would love to see somethin like ExpandableFabPos.center to also have it in the middle of the navigations bar like a docked FAB.

awesome package ! thanks a lot @zuvola !
would be helpful to document where to place final _key = GlobalKey<ExpandableFabState>();

This is my error
Flutter verstion : 3.3.0

This is the code

When I don't click this error has occurred

but when I tap on it

why is it important to set heroTag: null for the children of ExpandableFab ?

It would be nice if the expandable buttons could be moved to the top of the screen.
(then the children should expand downwards)

Hey!
Seems the package hasn't been updated in a while and my request might not be seen.
But I've noticed that the sub-menu children animation can't be customized and always rotate. I would prefer to let them fly in from right to left for example.

Please let me know if you could consider to add this functionality 🙏

Describe the bug:

I tried setting both color and blur to the property overlayStyle as mentioned in the documentation, but I am facing an assertion error saying "'color== null || blur == null': is not true." In the example code provided, the color property in the overlayStyle is commented out. There is a requirement for us to have both color and blur.

To Reproduce:

Steps to reproduce the behavior:
Add this

overlayStyle: ExpandableFabOverlayStyle(
          color: Colors.black.withOpacity(0.5),
          blur: 5,
        ),

to the ExpandableFab widget.

Expected Behavior:

Overlaystyle should work by adding both color and blur. The Background of the fab button should have the color which is passed.

I added the expandable fab to a page, with its own Scaffold widget, after the fab is rendered, every other page I navigate to still persists the fab, even though it's a different Scaffold.

Hi sir.

I test with ElevatedButton.icon
because I wanted to display text and icon both.

After that I don't have any problem yet.
How do you think this is good or not?

children: [
ElevatedButton.icon(
icon: const Icon(
Icons.camera_alt_rounded,
color: Colors.lightGreen,
),
label: Text("CAMERA".tr()),
style: TextButton.styleFrom(
backgroundColor: Colors.white),
onPressed: () {
final state = floatKey.currentState;
dev.log('onPressed sound');
if (state != null) {
dev.log('isOpen: ${state.isOpen}');
state.toggle();
}
},
),
]

this will fix issues

How to close programmatically the expandable fab (ex. when I click on an icon)?
Thanks

Make the overlay fade in with the rest of the animation for a better UX.

It would be nice add labels to the expanded FABs.

https://callstack.github.io/react-native-paper/docs/components/FAB/FABGroup

I try implement with Stack but it's doesn't show anything

If you add only one children,
on open it will be positioned on upper left screen corner
on close it raises an exception:

'package:flutter/src/rendering/box.dart': Failed assertion: line 2902 pos 18: 'transformed == position - childParentData.offset': is not true.

This is a very Good looking Widget, but I didn't find any option to shift the FAB to the Left side. The Positioned Widget in the AnimatedBuilder only has right and bottom arguments. Kindly update to set FAB programatically to any desired location. Thanks.

I don't understand it . But when i delete the microtask, the animation is stuck and stopped.