如何在FlyoutPage中使用Navigation.PushAsync实现指定导航需求？

问题根源 #

• 用new NavigationPage(new Page2())替换Flyout的Detail时，FlyoutPage默认会给作为Detail的NavigationPage显示汉堡图标而非返回按钮，这是控件的固有行为。
• 直接调用Navigation.PushAsync无反应，是因为菜单页面（MenuPage）的Navigation上下文没有关联到主页所在的导航栈，即便代码执行了，也没在正确的栈里操作。

正确实现方案 #

要满足「导航栈仅保留两层（主页+目标页）、目标页显示返回按钮」的需求，按以下步骤操作：

1. 确保FlyoutPage的Detail是包裹着主页的NavigationPage（App启动时的初始化代码要这么写）：

MainPage = new FlyoutPage
{
    Flyout = new MenuPage(),
    Detail = new NavigationPage(new MainPage())
};

2. 在菜单的点击事件中，操作主页所在的Navigation栈，同时关闭Flyout菜单：

// 获取全局的FlyoutPage实例
var flyout = Application.Current.MainPage as FlyoutPage;
// 获取主页对应的NavigationPage
var mainNavStack = flyout.Detail as NavigationPage;

// 重置导航栈：先清空，再加入主页和目标页
mainNavStack.Navigation.NavigationStack.Clear();
mainNavStack.Navigation.InsertPageBefore(new MainPage(), null);
await mainNavStack.Navigation.PushAsync(new Page2());

// 关闭浮出菜单
flyout.IsPresented = false;

额外说明 #

• 目标页的返回按钮（包括硬件返回键）会自动生效，因为导航栈里只有主页和当前目标页，返回后直接回到主页。
• 这种方式既保证了导航栈的层级要求，又让目标页顶部显示返回按钮而非汉堡图标。

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