Forum Xamarin.Forms

Shell with a separate flyout for each page

FredFlintFredFlint USMember ✭✭
edited March 9 in Xamarin.Forms

Hi,
Is it possible to have a shell app with a separate Flyout for each page?
The main shell looks like:

<Shell>
    <TabBar>
        <Tab Route="Lists" Title="Lists">
            <ShellContent Title="Outlets" ContentTemplate="{DataTemplate local:Outlets.OutletListMasterPage}"/>
            <ShellContent Title="Products" ContentTemplate="{DataTemplate local:Products.ProductsListPage}"/>
        </Tab>
        <Tab Title="Sales">
            <ShellContent Title="All" ContentTemplate="{DataTemplate local:Sales.AllSalesPage}"/>
            <ShellContent Title="Outlet" ContentTemplate="{DataTemplate local:Sales.OutletSalesPage}"/>
        </Tab>
        <Tab Route="Logout" Title="Logout">
            <ShellContent ContentTemplate="{DataTemplate local:LogoutPage}" />
        </Tab>
    </TabBar>
</Shell>

I would like to have a Flyout for each page with option for that page. I trie using master detail pages but that just crashes when creating the master page?
Thanks.

Answers

  • ColeXColeX Member, Xamarin Team Xamurai

    Please notice we can't use Tabbar and Flyout both in Xaml , they are different navigation pattern .

    Replace Tabbar with FlyoutItem in your code , but only sub level can be navigated , in other word ,you can only find three tabs not the ShellContent in Flyout menu .

Sign In or Register to comment.