如何禁用Xamarin Shell中TabBar内的ShellContent按钮？

直接给ShellContent设置IsEnabled不生效是Xamarin.Forms Shell的已知问题，该属性不会同步到底部导航栏的原生交互控件，所以仅设置这个属性无法禁用点击和跳转，以下是三种常用的解决方案：

方法1：导航拦截（无需自定义渲染，优先推荐） #

在AppShell.xaml.cs中重写OnNavigating方法，拦截指定路由的跳转请求，配合自定义的控制开关实现动态禁用：

public partial class AppShell : Shell
{
    // 自定义控制开关，可根据业务逻辑动态修改
    public bool IsSettingsTabEnabled { get; set; } = false;

    public AppShell()
    {
        InitializeComponent();
    }

    protected override void OnNavigating(ShellNavigatingEventArgs args)
    {
        base.OnNavigating(args);
        // 拦截跳转到SettingsPage的请求
        if (args.Target.Location.OriginalString.Contains("SettingsPage") && !IsSettingsTabEnabled)
        {
            args.Cancel();
            // 可在此处添加Toast提示告知用户当前无法访问该页面
        }
    }
}

该方法不需要修改原生代码，适配全平台，适合绝大多数业务场景。

方法2：自定义渲染器（实现按钮禁用视觉效果） #

如果需要让Tab按钮呈现置灰的禁用状态，需要针对不同平台写自定义Shell渲染器：

安卓端实现 #

在安卓项目中新建CustomShellRenderer.cs：

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

        protected override IShellBottomNavViewAppearanceTracker CreateBottomNavViewAppearanceTracker(ShellItem shellItem)
        {
            return new CustomBottomNavViewAppearanceTracker(this, shellItem);
        }
    }

    internal class CustomBottomNavViewAppearanceTracker : ShellBottomNavViewAppearanceTracker
    {
        public CustomBottomNavViewAppearanceTracker(IShellContext shellContext, ShellItem shellItem) : base(shellContext, shellItem) { }

        public override void SetAppearance(BottomNavigationView bottomView, IShellAppearanceElement appearance)
        {
            base.SetAppearance(bottomView, appearance);
            // Settings是第二个Tab，索引从0开始所以取1，可根据实际Tab顺序调整
            var menuItem = bottomView.Menu.FindItem(1);
            menuItem.SetEnabled(((AppShell)Shell.Current).IsSettingsTabEnabled);
            // 可选：自定义禁用状态下的图标、文本颜色
        }
    }
}

iOS端实现 #

在iOS项目中新建CustomShellRenderer.cs：

[assembly: ExportRenderer(typeof(AppShell), typeof(CustomShellRenderer))]
namespace YourAppName.iOS
{
    public class CustomShellRenderer : ShellRenderer
    {
        protected override IShellTabBarAppearanceTracker CreateTabBarAppearanceTracker()
        {
            return new CustomTabBarAppearanceTracker();
        }
    }

    internal class CustomTabBarAppearanceTracker : ShellTabBarAppearanceTracker
    {
        public override void UpdateLayout(UITabBarController controller)
        {
            base.UpdateLayout(controller);
            if (controller.TabBar.Items?.Length > 1)
            {
                var settingsTab = controller.TabBar.Items[1];
                settingsTab.Enabled = ((AppShell)Shell.Current).IsSettingsTabEnabled;
            }
        }
    }
}

方法3：动态增删Tab #

不需要保留禁用状态占位的话，也可以直接根据条件动态移除/添加对应的ShellContent：

// 禁用时移除Tab
if (!IsSettingsTabEnabled)
{
    var settingsTab = MyTabBar.Items.FirstOrDefault(x => x.Route == "SettingsPage");
    if (settingsTab != null)
    {
        MyTabBar.Items.Remove(settingsTab);
    }
}
// 启用时恢复Tab
else
{
    MyTabBar.Items.Add(new ShellContent
    {
        Title = "Settings",
        Route = "SettingsPage",
        ContentTemplate = new DataTemplate(() => new SettingsPage())
    });
}

注意需要先给XAML中的TabBar添加x:Name="MyTabBar"才能在后台代码中直接访问。

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