mohanraj153 / flutter_boom_menu Goto Github PK

Flutter plugin to implement a Boom Menu, with icons, title, subtitle, animated FAB Icons and hide on scrolling.

License: MIT License

Dart 83.29% Java 6.10% Objective-C 7.52% Ruby 3.09%

flutter_boom_menu's Introduction

Flutter Boom Menu

Usage

The BoomMenu widget is built to be placed in the Scaffold.floatingActionButton argument, replacing the FloatingActionButton widget. It's not possible to set its position with the Scaffold.floatingActionButtonLocation argument, but it's possible to set right/bottom margin with the marginRight and marginBottom arguments (default to 16) to place the button anywhere in the screen. Using the Scaffold.bottomNavigationBar the floating button will be always placed above the bar, so the BottomAppBar.hasNotch should be always false.

Title

Every child button can have a Icon,Title, SubTitle which can be customized providing by yourself. If the Title parameter is not provided the title will be not rendered.

The package will handle the animation by itself.

Example Usage ( complete with all params ):

Widget build(BuildContext context) {
    return Scaffold(
        floatingActionButton: BoomMenu(
      animatedIcon: AnimatedIcons.menu_close,
      animatedIconTheme: IconThemeData(size: 22.0),
      //child: Icon(Icons.add),
      onOpen: () => print('OPENING DIAL'),
      onClose: () => print('DIAL CLOSED'),
      scrollVisible: scrollVisible,
      overlayColor: Colors.black,
      overlayOpacity: 0.7,
      children: [
        MenuItem(
          child: Icon(Icons.accessibility, color: Colors.black),
          title: "Profiles",
          titleColor: Colors.white,
          subtitle: "You Can View the Noel Profile",
          subTitleColor: Colors.white,
          backgroundColor: Colors.deepOrange,
          onTap: () => print('FIRST CHILD'),
        ),
        MenuItem(
          child: Icon(Icons.brush, color: Colors.black),
          title: "Profiles",
          titleColor: Colors.white,
          subtitle: "You Can View the Noel Profile",
          subTitleColor: Colors.white,
          backgroundColor: Colors.green,
          onTap: () => print('SECOND CHILD'),
        ),
        MenuItem(
          child: Icon(Icons.keyboard_voice, color: Colors.black),
          title: "Profile",
          titleColor: Colors.white,
          subtitle: "You Can View the Noel Profile",
          subTitleColor: Colors.white,
          backgroundColor: Colors.blue,
          onTap: () => print('THIRD CHILD'),
        ),
        MenuItem(
          child: Icon(Icons.ac_unit, color: Colors.black),
          title: "Profiles",
          titleColor: Colors.white,
          subtitle: "You Can View the Noel Profile",
          subTitleColor: Colors.white,
          backgroundColor: Colors.blue,
          onTap: () => print('FOURTH CHILD'),
        )
      ],
    ),
    );
}

Issues & Feedback

Please file an issue to send feedback or report a bug. Thank you!

Contributing

Every pull request is welcome.

flutter_boom_menu's People

Contributors

Stargazers

Watchers

flutter_boom_menu's Issues

FAB Y-alignment not working

For the fabAlignment property, assigning a custom alignment with a non-zero y value does not move the button in the y-direction. I've tried to work around it by assigning a negative marginBottom, but this makes the button not pressable for some reason.

menu item on click is not opening new page

trying on tap function of menu item
onTap: () => new offerPage(),

but not opening new page. pl helppp

Very good but with z-order problem

Hi I try to use this lib but with a problem.
When I try to place this widget into my app and the menu is closed the overlay stay always on top. If I use it with a listview when the menu is closed and I try to scroll the listview the gesture is detected by menu and not by listview, this makes it unusable :(

Dynamic fab fade

Is it possible to get the standard fade effect? In fact we are using page viewer and the fab is displayed dynamically.
The fab is animated from the center to the bottom end right.

Below standard fab vs boom fab:

Standard fab fade effect:

Current boom menu fade:

Package, not plugin

It's a package, not a plugin (there are no platform native parts), Please, remove the unnecessary android and ios folders (apart from being unnecessary, they contain plugin example code completely irrelevant to this package). Besides, this setup makes Pub.dev erroneously report that only Android and iOS are supported while a package will run on every platform, eg. Web, too.

Documentation.

How to change Fab button color

Anyone know How to change the Fab button color?

Add the ability to customise title and subtitle font

Is it possible to add the ability to customise the font ?
Because title and subtitle are only accepting a String, it would be great to make them accept a Text.

Thank you

Animated close

Is there currently a way to make the overlay/menu fade out quickly on menu close?

Support for Null Safety

Could you please provide the Support for Null Safety

plugin dose not support rtl , from right to left

hi
pls support rtl see below screen where menu is not fully visible also from the right side it looks awful

[question] change the animation on open

Hi, there's a way to change the animation on open the menu? Maybe a fade in/out would be better.

Excellent plugin. thanks

Makes the body of scaffold unscrollable

used BoomMenu widget as floatingactionbutton of Scaffold. Scaffold has body of SingleChildScrollView. Now, i can't scroll down the page.

How can we add this menu in app bar?

i want to use this menu in app bar how can i achieve the same?

Thanks.

overlayVisible bug

The property "overlayVisible" work inverted.
If I set overlayVisible = true the overlay is invisible :)

No named parameter with the name 'overflow'

Technical Details:

Flutter Channel master, 1.22.0-10.0.pre.251
Additional context
Refer to the following issue: flutter/flutter#66030

Support null safety

Bottom Navigation and overlay

Hi there is a way to make overlay over the BottomNavigationBar?

Tap outside to close not working correctly

Hey there, great package! Just a little bug though - if you tap above the menu options (while it is open), the menu does not get dismissed - unless you tap very far from the menu (near the top of the screen). It dismisses correctly if you tap near the bottom or sides of the menu.

Upgrade to Flutter 2 ?

Hello 👋

First of all, thanks for sharing your project with the community !

I am using your package in my project, and we recently upgraded to Flutter2.
So I am facing warning with sound null safety with my BoomMenu.

Do you plan to port your package to Flutter 2 ?

Menu Items do not fit to the screen

I have 6 menu item and it is not fitting in my screen, even in a medium size phones, how can i fix it , Could i change the height of item ?

strange shape when use FloatingActionButtonLocation.centerDocked

BoomMenu requires AnimatedIcon, but there are only 14 (7x2) to chose from, Flutter not interested in adding more.

Like the title says, the animated icon data class doesn't have enough icons for all cases. Flutter team isn't interested in adding more and creating new ones with their in-house tool is difficult. Is there another solution to being able to use static icons that transition or something?

flutter/flutter#42461

How to programmatically close the menu

Hey. How can i pogrammatically close the menu?

Margin/alignment for fab

Would be great if we could set margin/alignment for fab separately, not touching the menu items. I need my fab to be centered and leave menu items like before, but not possible as they are in the same column widget. Also overflow is possible because column height isn't managed by the widget tree.