This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(131.20000000000002, 75%, 22%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EA%3C/text%3E%3C/svg%3E)
How to hide net maui bottom tabs correctly?
To see it, create maui project, add two pages, name them FirstPage, SecondPage.
add shell tabbar, for example two tabs: 1st tab, 2nd tab, set datatemplate for them FirstPage.
Then create in FirstTab Button to navigate to the SecondPage, in the SecondPage set "TabBarIsvisible=False", then you'll see that Shell.Tab's not disappearing immediately, how it was in Xamarin.Forms,
How can i fix that?
A Microsoft open-source framework for building native device applications spanning mobile, tablet, and desktop.
How it looks like you can see in github:
https://github.com/dotnet/maui/discussions/14226
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(22.400000000000002, 3%, 12%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EWZ%3C/text%3E%3C/svg%3E)
The two videos at the link are both for MAUI, do you want to compare the behavior between MAUI and Xamarin.Forms? As you describe, I test with the following code, but the Tab will disappear immediately, I cannot reproduce your issue. Would you mind sharing some code snippets and the detailed environment information so that I can test?
And You can try to change another emulator to test if it is related to the performance of emulator.
And you can try setting TabBarIsVisible in OnAppearing method.
protected override void OnAppearing(){
base.OnAppearing();
Shell.SetTabBarIsVisible(Application.Current.MainPage, false);// set false in second page, set true in first page
}
AppShell
<TabBar>
<Tab Title="1">
<ShellContent Route="Main" ContentTemplate="{DataTemplate local:MainPage}" />
</Tab>
<Tab Title="2">
<ShellContent Route="first" ContentTemplate="{DataTemplate local:FirstPage}" />
</Tab>
<Tab Title="3">
<ShellContent Route="third" ContentTemplate="{DataTemplate local:FirstPage}" />
</Tab>
</TabBar>
Register router for second page.
Routing.RegisterRoute("SecondPage", typeof(SecondPage));
Click Button on first page to navigate to second page.
await Shell.Current.GoToAsync("SecondPage");
Set "TabBarIsvisible=False" in second page
<ContentPage ...
Shell.TabBarIsVisible="False"
Title="SecondPage">
Yes, two videos both for maui, thank you for your answer. I didn't override the OnAppearing method, maybe shell tabbar is hiding slowly because of this. I tested in two emulators, and two physical devices, in all of them tabbar disappears slowly as in my video, first, tabbar disappears in firstpage where tabbar is visible, and only after that navigates to second page. In xamarin forms when navigating to the page where bottoms tabs are hidden, tabbar hiding happens instantly, later i will send to the link of the video with xamarin forms. Anyway i will try your code today
OK, waiting for your updates. I watched the videos and noticed that you were testing on Android platform. And I tested on Android emulator as well. Besides, you could provide some code snippets so that I can test again.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(192, 79%, 28%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3ETS%3C/text%3E%3C/svg%3E)
I was searching for a method to disable the visibility of the TabBar.
Only this solution worked properly for me and I'm happy with it:
<ContentPage ...
Shell.TabBarIsVisible="False"
Title="SecondPage">
I overrided the OnAppearing method, but anyway bottom tabs disappears in main(parent page), only after that navigates to the second page, you can see it:
https://github.com/dotnet/maui/discussions/14226
The tabbar is hidden smoothly on my side like the last video you post. Since I still could not reproduce the issue, it's recommended that you follow the progress at GitHub or it is recommended to open a support ticket for this. Please contact our paid phone support at MS Support. You will get 1:1 support on that.