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>

Answer 1

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.

1. You can use Xamarin.Forms version 4.1, then it works fine.

2. 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