Zeego DropDownMenu在Android端打开方向错误求助

我最近在使用Zeego的下拉菜单组件时遇到了一个显示问题：当前菜单会向右侧展开，直接超出了屏幕的可视范围，但我的触发按钮是放在页面头部的最右侧，所以我需要让菜单向左打开（参考配图）。

使用的包版本 #

{
  "expo": "53.0.11",
  "react": "19.0.0",
  "react-native": "0.79.3",
  "zeego": "^3.0.6",
  "@react-native-menu/menu": "1.2.2",
  "react-native-ios-context-menu": "3.1.0",
  "react-native-ios-utilities": "5.1.2"
}

复现步骤 #

• 新建一个组件文件
• 将下方的示例代码复制粘贴到该文件中
• 把ThreeDotMenu组件导入并放置在页面头部的右侧区域

组件代码 #

以下代码来自Zeego官方文档的示例部分

import PressableButton from "@/components/pressable/Button";
import * as Menu from "zeego/dropdown-menu";
import MenuIcon from "assets/icons/menu-dot.svg";

export default function ThreeDotMenu() {
  return (
    <Menu.Root>
      <Menu.Trigger asChild>
        <PressableButton className="flex flex-row items-center p-2.5" wrapperClassName="rounded-full">
          <MenuIcon height={20} width={20} />
        </PressableButton>
      </Menu.Trigger>
      <Menu.Content>
        <Menu.Label>Menu</Menu.Label>
        <Menu.Item key="item1">
          <Menu.ItemTitle>Item 1</Menu.ItemTitle>
        </Menu.Item>
        <Menu.Group>
          <Menu.Item key="item2">
            <Menu.ItemTitle>Item 2</Menu.ItemTitle>
          </Menu.Item>
        </Menu.Group>
        <Menu.CheckboxItem key="item3" value="off">
          <Menu.ItemTitle>Item 3</Menu.ItemTitle>
          <Menu.ItemIndicator />
        </Menu.CheckboxItem>
        <Menu.Sub>
          <Menu.SubTrigger key="item4">
            <Menu.ItemTitle>Item 4</Menu.ItemTitle>
          </Menu.SubTrigger>
          <Menu.SubContent>
            <Menu.Item key="item5">
              <Menu.ItemTitle>Item 5</Menu.ItemTitle>
            </Menu.Item>
          </Menu.SubContent>
        </Menu.Sub>
        <Menu.Separator />
        <Menu.Arrow />
      </Menu.Content>
    </Menu.Root>
  );
}

问题效果预览 #

在Android平台运行后，菜单会向右侧展开，完全超出了屏幕的可视范围，无法正常查看菜单选项。

内容来源于stack exchange