A simple animated menu list for Flutter, Adjustable radius, colors, text size, Icons and background color.

Features

doc/a.gif

b.jpg

Getting started

Installation

        fancy_menu : ^latest_version

to your pubspec.yaml, and run

        flutter pub get

in your project's root directory.

Usage

Import it to your project file

       import 'package:fancy_menu/fancy_menu.dart';

And add it in it's most basic form :

          Listener(
              onPointerUp: (PointerUpEvent event) async {
                final List<Map<String, dynamic>> menuItemsList = [
                  {
                    'value': 1,
                    'iconPath': const Icon(Icons.open_in_browser),
                    'text': 'Item 1',
                  },
                  {
                    'value': 2,
                    'iconPath': const Icon(Icons.accessibility),
                    'text': 'Item 2',
                  },
                  {
                    'value': 3,
                    'iconPath': const Icon(Icons.account_balance_wallet_rounded),
                    'text': 'Item 3',
                  },
                  // Add more items in a similar format
                ];
                final selectedValue = await fancy_menu(
                        context: context, menuItemsList: menuItemsList, position: event.position)
                    .showPopupMenu();
                if (selectedValue != null) {
                  print(selectedValue.toString());
                }

                //  fancy_menu.(context: context, position: event.position, items: []);
              },
              child: const Padding(
                padding: EdgeInsets.all(8.0),
                child: Text('Show Menu'),
              ))

fancy_menu

Libraries

fancy_menu