Flutter UI 单击图标后创建具有功能的菜单 more答案

【问题标题】：Flutter UI Create menu with function after click icon moreFlutter UI 单击图标后创建具有功能的菜单 more
【发布时间】：2023-01-11 18:43:46
【问题描述】：

光环，

首先，我想向您展示我当前的用户界面：

这是红色圆圈功能的代码：

InkWell(
  onTap: null,
  child: Icon(Icons.more_horiz,
    size: 18,
    color: Color.fromRGBO(0, 0, 0, 0.25),
  ),
),

我需要做的是在单击图标后显示这样的弹出菜单，例如：

我需要它来创建具有导航到另一个页面的功能的编辑和删除，并且需要知道如何控制菜单位置。

我已经检查过 pub.dev，但它并没有解决我的问题。谁能给我一个建议？

【问题讨论】：

你想要第二张像警报一样的图像吗？

标签： flutter dart dart-ui

【解决方案1】：

试试这个代码：包裹在这里：https://pub.dev/packages/pull_down_button

PullDownButton(
  itemBuilder: (context) => [
    PullDownMenuItem(
      title: 'Menu item',
      onTap: () => action(),
    ),
    const PullDownMenuDivider(),
    PullDownMenuItem(
      title: 'Menu item 2',
      onTap: () => action2(),
    ),
  ],
  position: PullDownMenuPosition.under,
  buttonBuilder: (context, showMenu) => CupertinoButton(
    onPressed: showMenu,
    padding: EdgeInsets.zero,
    child: const Icon(CupertinoIcons.ellipsis_circle),
  ),
);

结果：

【讨论】：

【解决方案2】：

你可以尝试使用PopupMenuButton 你可以在这里找到一个example

【讨论】：