如何在MAUI应用中禁用Shell Flyout的侧滑呼出手势

MAUI没有提供直接的跨平台属性来禁用Shell Flyout的拖拽触发，需要通过自定义ShellRenderer针对各平台做修改，以下是具体实现步骤：

1. 创建自定义Shell类（共享项目） #

首先在共享项目中定义一个继承自Shell的自定义类，后续用它替代默认的Shell：

public class CustomShell : Shell
{
}

将App.xaml中的<Shell>标签替换为<local:CustomShell>（记得添加对应命名空间引用）。

2. Android平台实现 #

在Android项目中创建自定义渲染器，重写Flyout行为的拖拽判断逻辑：

using Android.Content;
using Microsoft.Maui.Controls.Platform.Android;
using Microsoft.Maui.Controls;

[assembly: ExportRenderer(typeof(CustomShell), typeof(CustomShellRenderer))]
namespace YourAppNamespace.Droid
{
    public class CustomShellRenderer : ShellRenderer
    {
        public CustomShellRenderer(Context context) : base(context)
        {
        }

        protected override IShellFlyoutBehavior CreateFlyoutBehavior()
        {
            return new CustomFlyoutBehavior(this);
        }
    }

    public class CustomFlyoutBehavior : ShellFlyoutBehavior
    {
        public CustomFlyoutBehavior(IShellContext context) : base(context)
        {
        }

        protected override bool CanDragOpen()
        {
            // 返回false完全禁用拖拽打开Flyout
            return false;
        }
    }
}

3. iOS平台实现 #

在iOS项目中通过渲染器禁用边缘拖拽交互：

using Microsoft.Maui.Controls.Platform.iOS;
using Microsoft.Maui.Controls;
using UIKit;

[assembly: ExportRenderer(typeof(CustomShell), typeof(CustomShellRenderer))]
namespace YourAppNamespace.iOS
{
    public class CustomShellRenderer : ShellRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Shell> e)
        {
            base.OnElementChanged(e);
            if (e.NewElement != null)
            {
                // 禁用导航栏的交互返回手势（避免和Flyout拖拽冲突）
                ViewController?.ParentViewController?.NavigationController?.InteractivePopGestureRecognizer?.Enabled = false;
            }
        }

        protected override IShellFlyoutTransition CreateFlyoutTransition()
        {
            var transition = base.CreateFlyoutTransition();
            if (transition is FlyoutTransition flyoutTransition)
            {
                // 禁用Flyout的拖拽触发
                flyoutTransition.AllowDrag = false;
            }
            return transition;
        }
    }
}

4. Windows平台实现 #

在Windows项目中修改Flyout的拖拽开关：

using Microsoft.Maui.Controls.Platform.Windows;
using Microsoft.Maui.Controls;
using Microsoft.UI.Xaml.Controls;

[assembly: ExportRenderer(typeof(CustomShell), typeof(CustomShellRenderer))]
namespace YourAppNamespace.WinUI
{
    public class CustomShellRenderer : ShellRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Shell> e)
        {
            base.OnElementChanged(e);
            if (e.NewElement != null && Control is MauiShell mauiShell)
            {
                // 禁用Flyout的拖拽打开功能
                mauiShell.FlyoutPresenter.CanDragOpen = false;
            }
        }
    }
}

完成以上设置后，Shell Flyout将只能通过点击菜单按钮打开，不会再因拖拽地图靠近屏幕左侧而误触触发。

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