Setting BackButtonBehavior to not visible or not enabled does not work

[Sebastian1989101]

Description

I'm using this in my app shell:

    <Shell.BackButtonBehavior>
        <BackButtonBehavior IsVisible="False" IsEnabled="False" />
    </Shell.BackButtonBehavior>

However, the back button in the toolbar is still presented so this is fully ignored. Was testing this because I original wanted the FlyoutIcon and Back Button display at the same time, however just displaying the FlyoutIcon would be better then having that replaced. Well seems like not even removing the Back Button does work...

Steps to Reproduce

No response

Link to public reproduction project repository

No response

Version with bug

9.0.50 SR5

Is this a regression from previous behavior?

Not sure, did not test other versions

Last version that worked well

Unknown/Other

Affected platforms

Android

Affected platform versions

Android (tested) but probably iOS is affected as well

Did you find any workaround?

No.

Relevant log output

[kubaflo]

Hi! @Sebastian1989101
I've created the following sample app and it works

public partial class MainPage : ContentPage
{
	public MainPage()
	{
		Routing.RegisterRoute("detail", typeof(DetailPage));
		InitializeComponent();
	}

	private void Button_Clicked(object sender, EventArgs e)
	{
		Shell.Current.GoToAsync("detail");
	}
}

public class DetailPage : ContentPage
{
	public DetailPage()
	{
		Title = "Detail page";
		BackButtonBehavior backButtonBehavior = new BackButtonBehavior
		{
			IsVisible = false,
			IsEnabled = false
		};

		Shell.SetBackButtonBehavior(this, backButtonBehavior);

		Content = new VerticalStackLayout()
		{
			new Button()
			{
				AutomationId = "button",
				Text = "Click to hide the back button",
				Command = new Command(() => backButtonBehavior.IsVisible = !backButtonBehavior.IsVisible)
			}
		};
	}
}

Could you please attach your repro?

Screen.Recording.2025-03-23.at.20.37.32.mov

[Sebastian1989101]

@kubaflo seems to work if set on the individual page but not if set globally in the AppShell XAML? However even when this is disabled, the FlyoutIcon is still removed?! Why?!

[kubaflo]

@Sebastian1989101 gotcha so you want to do something like this:

<Shell
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    x:Class="Maui.Controls.Sample.SandboxShell"
    xmlns:local="clr-namespace:Maui.Controls.Sample"
    x:Name="shell">
    <Shell.BackButtonBehavior>
        <BackButtonBehavior IsVisible="False"/>
    </Shell.BackButtonBehavior>
    
    <TabBar Shell.TabBarForegroundColor="Green"
            Shell.TabBarUnselectedColor="Red">
        <Tab Title="MainPage1"
                Icon="groceries.png">
            <ShellContent Icon="groceries.png"
                          Title="Home"
                          ContentTemplate="{DataTemplate local:MainPage}"
                          Route="MainPage"/>
        </Tab>
        <Tab Title="MainPage2"
                Icon="dotnet_bot.png">
            <ShellContent Icon="dotnet_bot.png"
                          Title="Home"
                          ContentTemplate="{DataTemplate local:MainPage}"
                          Route="MainPage2"/>
        </Tab>
    </TabBar>
</Shell>

[kubaflo]

Here's a fix: #28615

[Sebastian1989101]

@kubaflo yea tried something like this. However my main goal was to keep the FlyoutIcon visible. And that does not work for whatever reason...

My initial issue was that MAUI Shell can't have the FlyoutIcon to stay visible. In Ideal Case I would want the BackButton and the FlyoutIcon. However the FlyoutIcon would be more important so I wanted to remove the BackButton.