Any update on this?

@PureWeen I saw you using this at Xam Dev Summit is this in a Pre or anything yet?

Another intended use case is where one set of features (frequently used) should be visible on the bottom tab bar and another set of features (settings, restore purchases, help, about, etc.) should be accessible from the hamburger menu. If this is already possible, please let me know.

Could we please get an update on this? (really, really want this!)

bump

Really need this

Any update on this?

Any update? We really need this.

Any update on this?

Shell is pretty much useless it seems unless you are building a very small app. Without this we cannot set permissions or hide pages we don't want on the flyout. How is this not a priority right now?

You are right @brepetti
I'm wondering if I'm missing something here ...

@rodrigojuarez @brepetti

Funny part is at XDS last year it was discussed as an item that was going to be in soon... To a point where they showed it.

I think this probably ended up being a blocker because of how it is handling the navigation stack. Because I do know that the example shown at XDS was using a mostly custom / rebuilt navigation stack.

I managed to get it working for TabBar Top Tabs with a manual workaround by creating the ShellContent items manually (adding, removing). In Xamarin.Forms 4.6 it is now also working for iOS (just fixed 1 day ago in 4.6).

Should work for Hamburger Menu also?

@malte1989 Yea we are talking about a shell item aka something that is on the shell visual tree.

@malte1989 could you please provide some example code?

@malte1989 could you please provide some example code?

Sure, I will post the code for my tabbar solution tomorrow.

@Jakar510

AppShell.xaml

<TabBar Route="tabBar">
        <Tab 
            x:Name="myTab" 
            Route="tab1"
            Icon="tab_icon1.png">
            <ShellContent 
                x:Name="shellStart"
                Route="route1A" 
                Title="title" 
                ContentTemplate="{DataTemplate view:Page1A}" />
        </Tab>
        <Tab 
            Route="tab2"
            Icon="tab_icon2.png">
            <ShellContent 
                Route="route2" 
                Title="title2" 
                ContentTemplate="{DataTemplate view:Page2}" />
        </Tab>
        </Tab>
        <Tab 
            Route="tab3"
            Icon="tab_icon3.png">
            <ShellContent 
                Route="route3" 
                Title="title3" 
                ContentTemplate="{DataTemplate view:Page3}" />
        </Tab>
    </TabBar>

AppShell.xaml.cs

public ShellContent shell0;
public ShellContent shell1;
public ShellContent shell2;
public ShellContent shell3;
public static Tab tabLocal;

constructor

            tabLocal = myTab;
            shell0 = shellStart;
            shell1 = new ShellContent()
            {
                Content = new Page1B(),
                Title = "",
                Route = ""
            };
            shell2 = .... Page1C() ...
            shell3 = .... Page1D() ...
            ...

Switching page 0 to 1

AppShell.tabLocal.Items.Add(shell1);
AppShell.tabLocal.Items.Remove(shell0);

Maybe you need these two method for handling your navigation

protected async override void OnNavigating(ShellNavigatingEventArgs args)
protected override void OnNavigated(ShellNavigatedEventArgs args)

I hope this helps you. Please let me a note if this does work for you.

I'll be working on this for 4.7/4.8

I updated the spec if anyone wants to comment

@PureWeen No but I do hope when you get working on this you post the twitch stream so we can make sure to tune in 👍

I'll be working on this for 4.7/4.8
I updated the spec if anyone wants to comment

Sorry for the dumb question: where I can find and read the specs?

@ncarandini I just updated the description on this issue with the spec

Yes, thanks!

I believe i found a workaround for this (for now).
Do this:

• give your flyoutitem or items a name e.g.
  <FlyoutItem Title="Self Review" x:Name="fiSelf"> <FlyoutItem.Icon> <FontImageSource FontFamily="{StaticResource sapcIconFont}" Glyph="{StaticResource IconUser}" Color="{StaticResource IconColor}"/> </FlyoutItem.Icon> <ShellContent> <viewsAssess:StartSelfPage /> </ShellContent> </FlyoutItem>

• override the OnBindingContextChanged in AppShell.cs , and add code to check condition to hide and show then call the Clear method on the Items property of the flyitem
  protected override void OnBindingContextChanged() { base.OnBindingContextChanged(); if(App.IsIntern) { fiAssess.Items.Clear(); fiPeer.Items.Clear(); fiSelf.Items.Clear(); fiVerifications.Items.Clear(); } }

works for me

closed by #10980

This is still behaving oddly, whenever we dynamically change the IsVisible property on a BaseShellItem, everynow and again the styling of a ShellContent would get lost. Pushing a page on top of the shell content and then popping it seems to fix it.

An example would be to have 2 pages, shell content X has a button which changes a boolean property which is binded to the IsVisible property on shell content Y

@GeorgeVelikov can you log an issue?