Flutter中PopupMenuButton无法设置右侧0位置对齐求助

方法一：Flutter 3.13+ 版本（推荐） #

从Flutter 3.13开始，PopupMenuButton新增了menuAlignment参数，可直接指定菜单相对于按钮的对齐方式，轻松实现需求：

PopupMenuButton<String>(
  offset: const Offset(0, 48), // 保留你设置的纵向偏移
  menuAlignment: Alignment.topRight, // 菜单右上角对齐按钮右上角
  menuPadding: EdgeInsets.zero,
  color: CarbonColors.layer02,
  shape: RoundedRectangleBorder(
    side: BorderSide(color: CarbonColors.borderSubtle),
  ),
  itemBuilder: (context) => [
    // 替换为你的菜单项
    const PopupMenuItem(value: '1', child: Text('选项1')),
    const PopupMenuItem(value: '2', child: Text('选项2')),
  ],
)

方法二：旧版本Flutter（3.13以下） #

旧版本无menuAlignment参数，需通过全局Key获取菜单宽度，动态计算offset实现右对齐：

class YourWidget extends StatefulWidget {
  const YourWidget({super.key});

  @override
  State<YourWidget> createState() => _YourWidgetState();
}

class _YourWidgetState extends State<YourWidget> {
  final GlobalKey _popupKey = GlobalKey();
  double _menuWidth = 0;

  @override
  Widget build(BuildContext context) {
    return PopupMenuButton<String>(
      key: _popupKey,
      // 负的菜单宽度让菜单右边缘对齐按钮右边缘
      offset: Offset(-_menuWidth, 48),
      menuPadding: EdgeInsets.zero,
      color: CarbonColors.layer02,
      shape: RoundedRectangleBorder(
        side: BorderSide(color: CarbonColors.borderSubtle),
      ),
      onOpened: () {
        // 菜单打开后获取宽度并更新状态
        WidgetsBinding.instance.addPostFrameCallback((_) {
          final RenderBox? menuBox = context.findRenderObject() as RenderBox?;
          if (menuBox != null) {
            setState(() {
              _menuWidth = menuBox.size.width;
            });
          }
        });
      },
      itemBuilder: (context) => [
        // 替换为你的菜单项
        const PopupMenuItem(value: '1', child: Text('选项1')),
        const PopupMenuItem(value: '2', child: Text('选项2')),
      ],
    );
  }
}

若菜单宽度固定，也可直接将_menuWidth替换为固定数值（如200），省去动态计算步骤。

内容的提问来源于stack exchange，提问作者Dota2 Match