Unable to get Tab bar and Flyout together in the shell.

Question

Is there any way to get both Tab bar and Flyout in the Shell in. NET MAUI. Documentation says it is not possible, is there any way to create a custom Flyout or Tab bar in the same Shell.

Answer 1

Hello,

You are right, you cannot make Flyout and Tabbar in the same Shell, see .NET MAUI Shell tabs doc - The TabBar type disables the flyout. And there is no proper way to customize popups or tabs.

You could try using FlyoutPage and make it the root page of your app, and then add TabbedPage as the detail page, then the flyout and tab will display in the same screen, but they cannot be in a same shell.

<FlyoutPage ...
             >
    <FlyoutPage.Detail>
        <NavigationPage>
            <x:Arguments>
                <local:MyTabbedPage></local:MyTabbedPage>
            </x:Arguments>
        </NavigationPage>
    </FlyoutPage.Detail>
    <FlyoutPage.Flyout>
        <local:NewPage></local:NewPage>
    </FlyoutPage.Flyout>

</FlyoutPage>

Best Regards,

Wenyan Zhang

---

If the answer is the right solution, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.