如何将Compose的DropdownMenu对齐到文本正上方

要让Row中的DropdownMenu向上展开并精准对齐文本正上方，核心是通过DropdownMenu的几个参数控制菜单定位：

1. 强制菜单向上展开：设置position为DropdownMenuPosition.above，让菜单显示在触发按钮的上方而非默认的下方。
2. 对齐文本正上方：通过menuStyle的alignment属性，将菜单的底部中心与触发按钮的顶部中心对齐，确保菜单刚好落在文本正上方。
3. 微调位置（可选）：如果存在小偏差，用offset参数进行上下左右的精细调整。

完整代码示例：

Row(
  crossAxisAlignment: CrossAxisAlignment.center, // 确保Text和按钮垂直居中
  mainAxisSize: MainAxisSize.min,
  children: [
    const Text("选择选项"),
    const SizedBox(width: 8),
    DropdownMenu<String>(
      initialSelection: "选项1",
      dropdownMenuEntries: const [
        DropdownMenuEntry(value: "选项1", label: "选项1"),
        DropdownMenuEntry(value: "选项2", label: "选项2"),
        DropdownMenuEntry(value: "选项3", label: "选项3"),
      ],
      position: DropdownMenuPosition.above,
      menuStyle: const MenuStyle(
        alignment: Alignment.bottomCenter,
      ),
      // 若需微调，可修改offset值，比如Offset(-5, 0)向左偏移5像素
      offset: const Offset(0, 0),
    ),
  ],
)

说明：

• 确保Row的crossAxisAlignment为CrossAxisAlignment.center，让文本和Dropdown按钮处于同一垂直水平线，这样菜单对齐后才能正好在文本正上方。
• 如果你的Dropdown触发按钮宽度和文本不一致，可通过调整offset的X轴数值来修正水平对齐位置。

内容的提问来源于stack exchange，提问作者Sebastian Lore