Search code examples
xamlxamarinxamarin.formstabbedpage

Multiple Content Pages inside one Tabbed Page

I am doing my app from scratch without using TabbedPage template and I really don't know how to put my multiple Content pages inside one TabbedPage. Right now my Tabbed Navigation XAML looks like this:

<TabbedPage xmlns="http://xamarin.com/schemas/2014/forms"
         xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
        xmlns:parkingapp="clr-namespace:ParkingApp.Views"
        x:Class="ParkingApp.Tabbed"
        xmlns:android="clr-namespace:Xamarin.Forms.PlatformConfiguration.AndroidSpecific;assembly=Xamarin.Forms.Core"
        android:TabbedPage.ToolbarPlacement="Bottom">
<parkingapp:Profile Title="Profile"></parkingapp:Profile>
<parkingapp:MainPage Title="Parking" ></parkingapp:MainPage>

This works fine, I can navigate to Profile and Parking, but inside Parking I have button to navigate to another Content page and once I'm inside that another Content page my Tabbed Navigation bar is not showing and I want it to be shown in all of my Content pages.

Solution

  • if you want to navigate within a tab, place the contents of that tab inside of a NavigationPage.

    <NavigationPage>
    <x:Arguments>
        <parkingapp:Profile Title="Profile" />
    </x:Arguments>
<NavigationPage>

    Example