Hide TabBar in Xamarin Forms Shell

Question

I wan't to hide the TabBar in a Xamarin Forms Shell 4.0.0.497661 project.

I try using:

Shell.SetTabBarIsVisible(Shell.Current, false);

After the page has loaded and drawed, but it has no effect.

If I put in the codebehind .cs constructor after InitializeComponent(); a null reference exception has launched, but this isn't the problem for me.

How can I hide the TabBar at start or after started?

EDIT:

At last, I have no way to hide bottom bar then... The bottom bar appears when FlyoutItem is included on the Shell, like:

<FlyoutItem Route="animals"
            Title="Animals"
            FlyoutDisplayOptions="AsMultipleItems">

    <ShellContent Route="cats"
                Title="... />

If I remove the FlyoutItem, no bottom bar is displayed.

No other way found to remove it! But it solves my problem.

Answer 1

TabBarIsVisible is an attached property of Shell. You should pass the page as the first parameter in the SetTabBarIsVisible to tell the shell hiding its tab bar. Use it like:

public AppShell()
{
    InitializeComponent();

    Shell.SetTabBarIsVisible(this, false);
}

You can also place it on any page which you don't need the tab bar.