Animated Menu for Flutter Apps

0 0

Animated Menu

Use AnimatedMenu to create a menu with/without animation. You can use FadeIn or SlideIn animation to show the menu, You can use any Widget inside AnimatedMenu as a menu item.

Installation

Add animated_menu: ^1.0.0 in your project’s pubspec.yaml:

dependencies:
  animated_menu: ^1.0.0

Usage

Import animated_menu in your dart file:

import 'package:animated_menu/animated_menu.dart';

Then use showAnimatedMenu in your function:

onTapDown: (details) {
  showAnimatedMenu(
    context: context,
    preferredAnchorPoint: Offset(
      details.globalPosition.dx,
      details.globalPosition.dy,
    ),
    isDismissable: true,
    useRootNavigator: true,
    menu: AnimatedMenu(
      items: [
        FadeIn(
          child: Material(
            borderRadius: BorderRadius.circular(10),
            child: Container(
              height: 170,
              width: 200,
              decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(10),
              ),
              child: Column(
                children: const [
                  SizedBox(height: 10),
                  Text('Item 1'),
                  Divider(),
                  Text('Item 2'),
                  Divider(),
                  Text('Item 3'),
                  Divider(),
                  Text('Item 4'),
                  Divider(),
                  Text('Item 5'),
                  SizedBox(height: 10),
                ],
              ),
            ),
          ),
        ),
      ],
    ),
  );
},

GitHub

View Github

Happy
Happy
0 %
Sad
Sad
0 %
Excited
Excited
0 %
Sleepy
Sleepy
0 %
Angry
Angry
0 %
Surprise
Surprise
0 %

Average Rating

5 Star
0%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%

Deja una respuesta

Entrada anterior Food Sweet App with Flutter
Entrada siguiente A Flutter application that generate QR codes to be shared with other people