Forum Xamarin.Forms

shell flyout

edyboyedyboy Member ✭✭✭
edited June 2020 in Xamarin.Forms

I do not know if this is a bug or something wrong that I did

Shell xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             xmlns:pages="clr-namespace:AppetLand.Views"
             x:Class="AppetLand.Views.AppMainShell">

    <Shell.Items>
        <ShellContent>
            <pages:HomeScreen/>
        </ShellContent>
    </Shell.Items>

</Shell>

I do not have my flyout on my shell, I was looking a youtube video and researching, and my sehll should have a flyout, unless becouse I do not have any flyout item.

This is my Home Page

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:views="clr-namespace:AppetLand.Views"
             mc:Ignorable="d" 
             NavigationPage.HasBackButton="False"
             x:Class="AppetLand.Views.HomeScreen">

    <ContentPage.Content>
        <StackLayout>
            <Image Source="MarcaAgua.png"/>
        </StackLayout>
    </ContentPage.Content>

</ContentPage>

Posts

  • jwoestejwoeste Member ✭✭
    edited June 2020

    You need to make it a flyout item:
    .
    .

     <FlyoutItem Title="AppetLand Flyout" Icon="tab_feed.png">
                <Tab Title="Homescreen" Icon="your_icon.png">
                    <ShellContent ContentTemplate="{DataTemplate pages:HomeScreen}" />
                </Tab>
                <Tab Title="About" Icon="your_icon_about.png">
                    <ShellContent ContentTemplate="{DataTemplate pages:AboutPage}" />
                </Tab>
            </FlyoutItem>
    
    
  • edyboyedyboy Member ✭✭✭

    lol Tanks I thought It was out of the box, my bad.

    By the way do you know how to intergrate a carouselView with shell

  • jwoestejwoeste Member ✭✭

    @edyboy said:
    lol Tanks I thought It was out of the box, my bad.

    Trust me - nothing is as it seems with shell. I decided to use shell for a project. Now I would have gone a different path. It has as many features as it has bugs :) (bugs=>not intuitive behaviour).

    By the way do you know how to intergrate a carouselView with shell

    Not sure what you mean? I suspect you would use it like you normally do on a page. Then use shell to navigate to the page?

    The doc is here: https://docs.microsoft.com/en-us/xamarin/xamarin-forms/user-interface/carouselview/layout

  • edyboyedyboy Member ✭✭✭

    What I want to do, is to have a carouselView in my home screen, something like

    As you can see we have our shell with tabs and two pages inside a carouselView

    By the way do you happen to know how to color the header and tabs on the shell and put a tithe in the middle

Sign In or Register to comment.