Xamarin- How to Create Master and Detail Page

2/1/2017·1 min read
Responsive image
Photo by Sigmund on Unsplash

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.