.NET MAUI FlyoutPage设Popover行为时Flyout菜单不显示

问题原因 #

FlyoutPage 的 Popover 模式和 Split 模式的渲染逻辑存在本质区别：

• Split 模式下侧栏为常驻显示，不需要额外的触发入口，页面加载后就会直接渲染在布局左侧
• Popover 模式下侧栏默认完全隐藏，仅当通过交互主动触发时才会浮出显示，该模式不会自动在所有平台上渲染默认的汉堡菜单按钮，缺少触发逻辑时自然看不到侧栏，这是控件的设计预期，不是功能bug。

修复方案 #

核心是通过FlyoutPage内置的IsPresented属性控制侧栏的显示/隐藏：属性值为true时弹出侧栏，为false时收回侧栏，你只需要添加对应的触发入口即可。

1. 修改现有XAML代码，在详情页的导航栏添加菜单触发按钮：

<?xml version="1.0" encoding="utf-8" ?>
<FlyoutPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            xmlns:local="clr-namespace:MyApp"
            x:Class="MyApp.FlyoutPage"
            FlyoutLayoutBehavior="Popover">
    <FlyoutPage.Flyout>
        <local:FlyoutMenu x:Name="menu" />
    </FlyoutPage.Flyout>
    <FlyoutPage.Detail>
        <NavigationPage>
            <x:Arguments>
                <local:Contacts />
            </x:Arguments>
            <!-- 新增菜单触发工具栏项 -->
            <NavigationPage.ToolbarItems>
                <ToolbarItem IconImageSource="menu_icon.png"
                             Text="菜单"
                             Clicked="ToggleFlyout"/>
            </NavigationPage.ToolbarItems>
        </NavigationPage>
    </FlyoutPage.Detail>
</FlyoutPage>

2. 在FlyoutPage的后台代码中添加按钮点击事件，控制侧栏弹出：

private void ToggleFlyout(object sender, EventArgs e)
{
    IsPresented = true;
}

3. （可选优化）如果需要点击侧栏菜单项跳转页面后自动收回侧栏，只要在FlyoutMenu的导航逻辑中添加IsPresented = false;即可。

补充说明：如果项目中自定义了导航栏、或者使用了去除默认ActionBar的应用主题，系统默认的汉堡按钮会被隐藏，这种场景下必须通过上述方式手动添加触发入口，无法依赖控件自动生成按钮。

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