Flyout menu and Tab bar mutually exclusive?

I've recently started working again on a personal project and I'm having some difficulties showing both the Tab bar and the Flyout menu and I'm starting to believe I haven't fully grasped yet the whole navigation model in Xamarin since I can't seem to find any official information about how they can't coexist.

The code is correct for both implementations but whatever block of code I place first in my AppShell.xaml it takes the lead and the other is like it's not even there. Am I doing something wrong or are they really mutually exclusive?

This is the code I'm using for both menus:

<FlyoutItem Title="Clienti"
            Icon="tab_feed.png">
    <Tab>
        <ShellContent ContentTemplate="{DataTemplate local:CustomersPage}" />
    </Tab>
</FlyoutItem>
<FlyoutItem Title="Abbonamenti"
            Icon="tab_about.png">
    <Tab>
        <ShellContent ContentTemplate="{DataTemplate local:AboutPage}" />
    </Tab>
</FlyoutItem>
<FlyoutItem Title="Spiaggia"
            Icon="tab_about.png">
    <Tab>
        <ShellContent ContentTemplate="{DataTemplate local:AboutPage}" />
    </Tab>
</FlyoutItem>

<TabBar>
    <Tab Title="Clienti" Icon="tab_feed.png">
        <ShellContent ContentTemplate="{DataTemplate local:CustomersPage}" />
    </Tab>
    <Tab Title="Abbonamenti" Icon="tab_about.png">
        <ShellContent ContentTemplate="{DataTemplate local:AboutPage}" />
    </Tab>
    <Tab Title="Spiaggia" Icon="tab_about.png">
        <ShellContent ContentTemplate="{DataTemplate local:AboutPage}" />
    </Tab>
</TabBar>