动画菜单

GitHub stars pub package

使用 AnimatedMenu 创建带有/不带有动画的菜单。您可以使用 FadeIn 或 SlideIn 动画来显示菜单，您可以在 AnimatedMenu 内部使用任何 Widget 作为菜单项。

Screenshot

安装

在您的项目’s pubspec.yaml 中添加 animated_menu: ^1.0.0

dependencies:
  animated_menu: ^1.0.0

用法

在您的 dart 文件中导入 animated_menu

import 'package:animated_menu/animated_menu.dart';

然后在您的函数中使用 showAnimatedMenu

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

查看 Github