Flutter中如何调整PopupMenuButton的菜单显示位置？

方法1：使用offset参数快速偏移 #

这是最直接的方式，通过PopupMenuButton自带的offset参数，设置菜单相对于按钮的偏移量——坐标以按钮的左下角为原点，x向右为正，y向下为正。

示例代码：

PopupMenuButton(
  // 设置偏移：向右移10，向下移30
  offset: const Offset(10, 30),
  itemBuilder: (context)=>[
    PopupMenuItem(child: Text("Grup Baru")),
    PopupMenuItem(child: Text("Siaran Baru")),
    PopupMenuItem(child: Text("Perangkat Tertaut")),
    PopupMenuItem(child: Text("Pesan Berbintang")),
  ],
)

方法2：手动调用showMenu实现自定义位置 #

如果需要更灵活的控制（比如让菜单相对于某个特定组件弹出，或者固定在屏幕某个坐标），可以放弃PopupMenuButton，改用showMenu方法手动触发菜单，通过position参数精确指定位置。

示例代码：

// 给目标组件绑定GlobalKey用于获取位置
final GlobalKey _targetKey = GlobalKey();

// 触发菜单的按钮（比如IconButton）
IconButton(
  key: _targetKey,
  icon: const Icon(Icons.more_vert),
  onPressed: () {
    // 获取目标组件的屏幕位置和尺寸
    RenderBox renderBox = _targetKey.currentContext!.findRenderObject() as RenderBox;
    Offset offset = renderBox.localToGlobal(Offset.zero);
    Size size = renderBox.size;

    // 构建RelativeRect，精确指定菜单的弹出范围
    RelativeRect position = RelativeRect.fromLTRB(
      offset.dx + size.width, // 菜单左边界
      offset.dy + size.height, // 菜单上边界
      offset.dx, // 菜单右边界
      offset.dy, // 菜单下边界
    );

    // 手动弹出菜单
    showMenu(
      context: context,
      position: position,
      items: [
        PopupMenuItem(child: Text("Grup Baru")),
        PopupMenuItem(child: Text("Siaran Baru")),
        PopupMenuItem(child: Text("Perangkat Tertaut")),
        PopupMenuItem(child: Text("Pesan Berbintang")),
      ],
    );
  },
)

调整RelativeRect.fromLTRB的四个参数，就能把菜单定位到任何你想要的位置。

方法3：调整按钮所在容器间接改变菜单位置 #

菜单的弹出位置默认是相对于PopupMenuButton本身的，所以可以把按钮放在Align、Positioned这类布局组件里，调整按钮的位置后，菜单自然会跟着改变弹出位置。

示例代码：

// 把PopupMenuButton放在Align里，让按钮靠右对齐，菜单也会跟着靠右弹出
Align(
  alignment: Alignment.centerRight,
  child: PopupMenuButton(
    itemBuilder: (context)=>[
      PopupMenuItem(child: Text("Grup Baru")),
      PopupMenuItem(child: Text("Siaran Baru")),
      PopupMenuItem(child: Text("Perangkat Tertaut")),
      PopupMenuItem(child: Text("Pesan Berbintang")),
    ],
  ),
)

内容的提问来源于stack exchange，提问作者daffa rahman