MAUI Android中TabbedPage点击活跃标签触发PopToRoot的实现方法

针对Android平台TabbedPage点击已激活标签无响应的问题，我们可以通过自定义MAUI Handler（替代Xamarin的Renderer）来监听Tab的点击事件，进而执行PopToRootAsync操作，具体步骤如下：

1. 创建Android平台的自定义TabbedPage Handler #

在Android项目中新建Handler类，继承TabbedPageHandler并处理TabLayout的点击事件：

using Android.Content;
using Android.Views;
using Google.Android.Material.Tabs;
using Microsoft.Maui.Handlers;
using Microsoft.Maui.Controls.Platform;

namespace YourAppNamespace.Platforms.Android.Handlers;

public class CustomTabbedPageHandler : TabbedPageHandler
{
    public CustomTabbedPageHandler(IPropertyMapper mapper, CommandMapper commandMapper = null) : base(mapper, commandMapper)
    {
    }

    protected override void ConnectHandler(ViewGroup platformView)
    {
        base.ConnectHandler(platformView);

        if (platformView is TabLayout tabLayout)
        {
            // 为现有Tab绑定点击事件
            BindTabClickEvents(tabLayout);
            // 监听Tab选中事件，为动态添加的Tab绑定点击事件
            tabLayout.TabSelected += OnTabSelected;
        }
    }

    private void OnTabSelected(object sender, TabLayout.TabSelectedEventArgs e)
    {
        if (sender is TabLayout tabLayout && e.Tab?.View != null && !e.Tab.View.HasOnClickListeners)
        {
            e.Tab.View.Click += OnTabViewClicked;
        }
    }

    private void BindTabClickEvents(TabLayout tabLayout)
    {
        for (int i = 0; i < tabLayout.TabCount; i++)
        {
            var tab = tabLayout.GetTabAt(i);
            if (tab?.View != null)
            {
                tab.View.Click += OnTabViewClicked;
            }
        }
    }

    private void OnTabViewClicked(object sender, EventArgs e)
    {
        if (VirtualView is TabbedPage tabbedPage && PlatformView is TabLayout tabLayout)
        {
            var currentTabPos = tabLayout.SelectedTabPosition;
            var clickedTab = tabLayout.GetTabFromView((View)sender);

            // 判断点击的是当前活跃的Tab
            if (clickedTab != null && clickedTab.Position == currentTabPos)
            {
                var currentPage = tabbedPage.CurrentPage;
                // 执行PopToRoot操作
                if (currentPage is NavigationPage navPage)
                {
                    _ = navPage.PopToRootAsync();
                }
                else if (currentPage.Navigation != null)
                {
                    _ = currentPage.Navigation.PopToRootAsync();
                }
            }
        }
    }

    protected override void DisconnectHandler(ViewGroup platformView)
    {
        if (platformView is TabLayout tabLayout)
        {
            tabLayout.TabSelected -= OnTabSelected;
            // 移除点击事件绑定，避免内存泄漏
            for (int i = 0; i < tabLayout.TabCount; i++)
            {
                var tab = tabLayout.GetTabAt(i);
                if (tab?.View != null)
                {
                    tab.View.Click -= OnTabViewClicked;
                }
            }
        }
        base.DisconnectHandler(platformView);
    }
}

2. 注册自定义Handler #

在项目根目录的MauiProgram.cs中，注册Android平台的Handler：

using YourAppNamespace.Platforms.Android.Handlers;
using Microsoft.Maui.Handlers;

var builder = MauiApp.CreateBuilder();
builder
    .UseMauiApp<App>()
    // 其他配置...
    .ConfigureMauiHandlers(handlers =>
    {
#if ANDROID
        // 为默认TabbedPage绑定自定义Handler
        handlers.AddHandler(typeof(TabbedPage), typeof(CustomTabbedPageHandler));
#endif
    });

// 其他代码...
return builder.Build();

3. 使用默认TabbedPage即可 #

无需自定义TabbedPage子类，直接在XAML或代码中使用默认的TabbedPage即可，Android平台会自动应用我们的Handler逻辑：

<TabbedPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            x:Class="YourAppNamespace.MainTabbedPage">
    <!-- 用NavigationPage包裹子页面，确保PopToRoot有效 -->
    <NavigationPage Title="首页">
        <x:Arguments>
            <local:HomePage />
        </x:Arguments>
    </NavigationPage>
    <NavigationPage Title="我的">
        <x:Arguments>
            <local:ProfilePage />
        </x:Arguments>
    </NavigationPage>
</TabbedPage>

说明 #

• iOS平台默认已支持点击当前Tab回到根页面，无需额外处理。
• 如果你的子页面不是用NavigationPage包裹，直接调用currentPage.Navigation.PopToRootAsync()也能生效（前提是页面存在导航栈）。

内容的提问来源于stack exchange，提问作者Michał Peterek