Gmail like navigation drawer (master page) in xamarin.forms

Question

I am currently using the master-detail page in xamarin.forms using MVVMlight and it renders based on the default behavior of os it renders perfectly what I wanted but in android master page starts below the navigation bar. I wanted master page to cover full height of screen just like ios do so is there any way or solution for it without custom renderer or is it necessary to write custom renderer for this

for android you can put Theme = "@android:style/Theme.Black.NoTitleBar.Fullscreen") in your activity — Slepz
in that case navigation bar will not be visible but i want navigation bar to be visible as well — Jay Patel
hmm well I'm not sure how to do that but I know there are flags you can set on android that will show/hide the nav bar. developer.android.com/training/system-ui/navigation.html has more info. You might be able to set up a "showing full screen" event and "exiting full screen" event in your forms project and implement them in the android project to set these flags. — Slepz

Jay Patel Jay Patel · Accepted Answer · 2016-10-10T08:05:09

Use FormsAppCompatActivity instead of FormsApplicationActivity.

define your own toolbar.axml

toolbar.axml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    android:minHeight="?attr/actionBarSize"
    android:contentInsetStart="0dp"
    android:contentInsetLeft="0dp"
    app:contentInsetLeft="0dp"
    app:contentInsetStart="0dp"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    app:layout_scrollFlags="scroll|enterAlways">
</android.support.v7.widget.Toolbar>

Set your own ToolbarResource

public class MainActivity : global::Xamarin.Forms.Platform.Android.FormsAppCompatActivity
    {
        protected override void OnCreate(Bundle bundle)
        {
            ToolbarResource = Resource.Layout.toolbar;
            base.OnCreate(bundle);
            global::Xamarin.Forms.Forms.Init(this, bundle);
            LoadApplication(new App());
        }
    }

Gmail like navigation drawer (master page) in xamarin.forms

2 Answers