在其他所有内容之上显示 popupMenu 菜单

Question

我正在尝试创建一个弹出菜单，它可以显示在屏幕上所有其他小部件的顶部，而不是像对话框那样的东西，但是，我需要菜单显示在底部面板的顶部滑动面板小部件。

现在它显示在它下面，从代码的角度来看显然是正确的海狸，但从 UI 的角度来看这并不好，它确实隐藏了一些菜单选项，使它们无法点击，这是图片（菜单中的第三个选项被阻止）：

菜单由三个点生成，并正好位于它们的顶部，通常有 3 个选项。现在，由于底部的红色条是一个滑动面板，它位于所有内容的顶部并且可以从任何页面向上滑动，因此只出现 2 个选项。我的问题是如何使菜单位于红色条的顶部，或者至少可以使它向上打开而不是像这里那样向下打开。

Answer 1

要使小部件位于所有内容的顶部，您可以使用 Overlay，但我不确定它是否是最适合您的解决方案

Answer 2

我找到了方法。 诀窍是使用 rootNavigation。 rootNavigation 在 showMenu 方法上可用。

var Choice = await showMenu<ContextMenuOptions>(context: context, position: position,
 items: items, useRootNavigator: true);