MAUI Shell应用Tab点击问题：激活状态下点击Tab无响应

在MAUI Shell中，点击当前处于激活状态的Tab默认不会触发任何事件，要实现返回该Tab根页面或关闭通知页的逻辑，可以通过自定义平台Handler捕获Tab点击事件，无需沿用Xamarin的自定义渲染器方案。以下是具体实现步骤：

1. 定义刷新接口（可选，用于页面刷新） #

如果需要在点击已激活Tab且当前处于根页面时执行刷新逻辑，先定义一个接口：

public interface IRefreshable
{
    void Refresh();
}

让需要支持刷新的页面（如MainPage）实现该接口：

public partial class MainPage : ContentPage, IRefreshable
{
    public void Refresh()
    {
        // 编写页面刷新逻辑，比如重新加载数据
    }
}

2. 自定义Android平台TabBar Handler #

在项目的Platforms/Android目录下创建CustomTabBarHandler.cs：

using Android.Views;
using Microsoft.Maui.Handlers;
using Microsoft.Maui.Controls.Platform;

namespace YourAppNamespace.Platforms.Android
{
    public class CustomTabBarHandler : TabBarHandler
    {
        protected override void ConnectHandler(MauiTabLayout platformView)
        {
            base.ConnectHandler(platformView);
            platformView.TabSelected += OnTabSelected;
        }

        protected override void DisconnectHandler(MauiTabLayout platformView)
        {
            platformView.TabSelected -= OnTabSelected;
            base.DisconnectHandler(platformView);
        }

        private void OnTabSelected(object sender, MauiTabLayout.TabSelectedEventArgs e)
        {
            var tabLayout = sender as MauiTabLayout;
            // 判断是否点击了已激活的Tab
            if (tabLayout != null && e.TabPosition == tabLayout.SelectedTabPosition)
            {
                HandleActiveTabClick();
            }
        }

        private void HandleActiveTabClick()
        {
            var currentShell = Shell.Current;
            var currentTab = currentShell.CurrentItem as Tab;
            if (currentTab == null) return;

            // 获取当前Tab的根路由
            var rootRoute = currentTab.Items.FirstOrDefault()?.Route;
            if (string.IsNullOrEmpty(rootRoute)) return;

            // 判断当前是否在根页面
            if (currentShell.CurrentState.Location.OriginalString != rootRoute)
            {
                // 导航回根页面（关闭通知页等层级页面）
                _ = currentShell.GoToAsync($"//{rootRoute}");
            }
            else
            {
                // 已在根页面，执行刷新逻辑
                if (currentTab.CurrentItem?.Content is IRefreshable refreshablePage)
                {
                    refreshablePage.Refresh();
                }
            }
        }
    }
}

3. 自定义iOS平台TabBar Handler #

在项目的Platforms/iOS目录下创建CustomTabBarHandler.cs：

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

namespace YourAppNamespace.Platforms.iOS
{
    public class CustomTabBarHandler : TabBarHandler
    {
        protected override void ConnectHandler(UITabBarController platformView)
        {
            base.ConnectHandler(platformView);
            platformView.TabBar.ItemSelected += OnItemSelected;
        }

        protected override void DisconnectHandler(UITabBarController platformView)
        {
            platformView.TabBar.ItemSelected -= OnItemSelected;
            base.DisconnectHandler(platformView);
        }

        private void OnItemSelected(object sender, UITabBarItemEventArgs e)
        {
            var tabBar = sender as UITabBar;
            // 判断是否点击了已激活的Tab
            if (tabBar != null && e.Item == tabBar.SelectedItem)
            {
                HandleActiveTabClick();
            }
        }

        private void HandleActiveTabClick()
        {
            var currentShell = Shell.Current;
            var currentTab = currentShell.CurrentItem as Tab;
            if (currentTab == null) return;

            var rootRoute = currentTab.Items.FirstOrDefault()?.Route;
            if (string.IsNullOrEmpty(rootRoute)) return;

            if (currentShell.CurrentState.Location.OriginalString != rootRoute)
            {
                _ = currentShell.GoToAsync($"//{rootRoute}");
            }
            else
            {
                if (currentTab.CurrentItem?.Content is IRefreshable refreshablePage)
                {
                    refreshablePage.Refresh();
                }
            }
        }
    }
}

4. 注册自定义Handler #

在MauiProgram.cs中注册刚才创建的平台Handler：

using Microsoft.Maui.Hosting;

namespace YourAppNamespace
{
    public static class MauiProgram
    {
        public static MauiApp CreateMauiApp()
        {
            var builder = MauiApp.CreateBuilder();
            builder
                .UseMauiApp<App>()
                .ConfigureFonts(fonts =>
                {
                    fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");
                });

            // 注册自定义TabBar Handler
            builder.ConfigureMauiHandlers(handlers =>
            {
#if ANDROID
                handlers.AddHandler(typeof(TabBar), typeof(Platforms.Android.CustomTabBarHandler));
#endif
#if IOS
                handlers.AddHandler(typeof(TabBar), typeof(Platforms.iOS.CustomTabBarHandler));
#endif
            });

            // 保留原有路由配置
            Routing.RegisterRoute("Notifications", typeof(Notifications));
            Routing.RegisterRoute("home", typeof(MainPage));

            return builder.Build();
        }
    }
}

效果说明 #

• 用户在某个Tab内跳转到通知页或其他子页面后，再次点击该已激活的Tab，会自动导航回该Tab的根页面（如从Notifications回到MainPage）。
• 如果当前已经在Tab的根页面，点击该Tab会触发页面的刷新逻辑（需实现IRefreshable接口）。

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