Introduction

In my Xamarin & MvvmCross Handbook, I demonstrated fundamentals to develop a basic Xamarin application with MvvmCross Framework. There are more details to consider when we develop a real application, such as the layout, the styles, and the database, etc. For example, Hamburger Menu layout is a very common navigation pattern in modern mobile applications. We can use MasterDetail navigation mode to implement the Hamburger Menu. Next, I'm going to show you how to implement a MasterDetail layout in the Xamarin.Forms application. Before we start, I recommend you to read the official documentation about MasterDetailPage here: Xamarin.Forms Master-Detail Page.

My dev environment is shown below:

  • Windows 10 version 10.0.17134

  • Visual Studio 2017 version 15.9.4

  • Xamarin.Forms version 3.4.0.1008975

  • MvvmCross version 6.2.2

Let's get started.