How to show Title Name on Top Navigation bar instead of Hamburger icon in xamarin forms shell

Question

I'm creating Tab bar using xamarin forms shell. I never add the flyout, but, I've no idea why the hamburger menu appear on the top navigation bar. how can i disappear it and it should show the tab bar title on the top navigation bar.

I did add this: FlyoutBehavior="Disabled" but, it's doesn't work.

    <TabBar >
        <Tab Title="Home" Icon="home.png" >
            <ShellContent ContentTemplate="{DataTemplate views:Home}"/>
        </Tab>

        <Tab Title="CashBack" Icon="cashback.png">
            <ShellContent ContentTemplate="{DataTemplate views:Cashback}"/>
        </Tab>

        <Tab Title="My Point" Icon="mypoint.png">
            <ShellContent Title="My Point"  ContentTemplate="{DataTemplate views:MyPoint}"/>
            <ShellContent Title="History" ContentTemplate="{DataTemplate point:PointHistory}"/>
        </Tab>

        <Tab Title="Me" Icon="me.png">
            <ShellContent ContentTemplate="{DataTemplate views:Me}"/>
        </Tab>
    </TabBar>

Seems like, it's not related to Flyout. You can try to disable the navigation bar using NavigationPage.SetHasNavigationBar(this, false); Also look at this thread — Pavel Anikhouski
NO, I need the navigation bar to be appear. I really have no idea why this hamburger appear on the navigation bar. — VV Voon
Are you using master-detail page inside tab bar somewhere? Or maybe have a popup menu? — Pavel Anikhouski
no, i did not, my project was created from blank. I just uploaded one image, you can have a view. it really look like flyout (since i'm using shell) — VV Voon

Cherry Bu - MSFT Cherry Bu - MSFT · Accepted Answer · 2019-09-09T06:03:54

I can reproduce your issue at Xamarin.Forms 4.2 version, I have report this bug for Microsoft team.

Now there are two ways to resolve this issue.

You can use Xamarin.Forms version 4.1, then it works fine.
You can use Xamarin.Forms version 3.6, then following the steps:

Please take a look RouteHost="companyname.com"(package name) RouteScheme="app" Route="shellsample"(solution name)

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

Screenshot:

http://alejandroruizvarela.blogspot.com/2019/02/xamarin-month-fall-in-love-with.html

How to show Title Name on Top Navigation bar instead of Hamburger icon in xamarin forms shell

1 Answers