← back to the blog


Xamarin- Create Master/Detail page

Posted in Xamarin, C# by dake

Create Master Detail page layout with Xamarin

This blog shows example of how to create master detail page layout with Xamarin.Form project, or master detail with tabbed page.

Create Master Detail layout

<?xml version="1.0" encoding="utf-8" ?>
<MasterDetailPage xmlns="http://xamarin.com/schemas/2014/forms"
				  xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
				  xmlns:local="clr-namespace:MasterDetailExample1;assembly=MasterDetailExample1"
				   x:Class="MasterDetailExample1.MasterDetailControlPage">
  <MasterDetailPage.Master>
    <local:MasterPage x:Name="masterPage" />
  </MasterDetailPage.Master>
  <MasterDetailPage.Detail>
    <NavigationPage>
      <x:Arguments>
        <local:Page1 />
      </x:Arguments>
    </NavigationPage>
  </MasterDetailPage.Detail>
</MasterDetailPage>

Github Code

You can find above code from following Github Location.