Forum› Xamarin› Xamarin.Forms

Xamarin Forms - Shell Flyout without items?

JFDionneJFDionne Member ✭✭
edited May 2019 in Xamarin.Forms

Hi, I want to use "shell", but I'm trying to make the shell flyout content without items, I want to build my own content on that section, it there a way for do it?

I don't want to use the 1 picture + title.

I mean the middle part on this picture:

Tagged:

Posts

  • JFDionneJFDionne Member ✭✭

    No one know?

  • reyntutzreyntutz PHMember ✭

    I've also want this approach still asking also to community on how to solve this. I will bookmark this thread. Thanks

  • wagenheimerwagenheimer Member ✭✭

    I also need to do this!

    Or I need some way to pass a parameter on Flyout items. I need "All FlyoutItems" it to call the same ContentTemplate, but with different parameters. Is this possible?

  • ValentasMatuseviciusValentasMatusevicius LTMember ✭✭

    I also need to do this!

  • ValentasMatuseviciusValentasMatusevicius LTMember ✭✭

    Maybe it wont fully answer but i found very good navigation and menu example in https://github.com/davidortinau/Gastropods

  • SereyVathanaTumSereyVathanaTum USMember ✭

    I found a way to bypass the FlyoutItem inside the flyout. This will make FlyoutItem invisible and only flyoutMenu Appear on the Flyout.

    <ShellItem Route="Main">
    <ShellSection Route="Item" Title="Browse" Icon="tab_feed.png">
        <ShellContent ContentTemplate="{DataTemplate local:ItemsPage}" />
    </ShellSection>
    <ShellSection Route="About" Title="About" Icon="tab_about.png">
        <ShellContent ContentTemplate="{DataTemplate local:AboutPage}" />
    </ShellSection>
</ShellItem>

<Shell.FlyoutHeader>
    <Grid>
        <Label Text="Flyout Header"/>
    </Grid>
</Shell.FlyoutHeader>

<Shell.ItemTemplate>
    <DataTemplate>
        <ContentView IsVisible="False">
        </ContentView>
    </DataTemplate>
</Shell.ItemTemplate>
  • WolfgangZdrenkaWolfgangZdrenka NZUniversity ✭✭

    Thank you SereyVathanaTum, this solution works for me.

Sign In or Register to comment.