title: Set navigation side menu background image in Xamarin Forms
body: <p>In Xamarin forms I want to use an image ( png file ) I created as background for a side "hamburger" menu. For example, here is some menu:</p>
  
  <p><a href="https://i.stack.imgur.com/Ca88U.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ca88U.png" alt="Mobile menu example"></a></p>
  
  <p>Two questions:</p>
  
  <p>1) What's the best image size to use for the menu background</p>
  
  <p>2) How do I put a ListView that contains my menu options on top of the background image ?</p>
  
  <p>I tried using the grid but wasn't successful at stacking them. Code below is a quick summary of how the MasterDetailPage is structured.</p>
  
  <pre><code>  //Menu
   &lt;MasterDetailPage.Master&gt;
   &lt;ContentPage&gt;
        &lt;ContentPpage.Content&gt;
         &lt;AbsoluteLayout&gt; //Also tried FlexLayout and RelativeLayout
          &lt;Image Source="blah" Aspect="Fill"/&gt;
          &lt;Grid&gt;
           &lt;ListView/&gt;
          &lt;/Grid&gt;
         &lt;/AbsoluteLayout&gt;
        &lt;/ContentPpage.Content&gt;
       &lt;ContentPage&gt;
      &lt;/MasterDetailPage.Master&gt;
  
  //Page content
  &lt;MasterDetailPage.Detail&gt;
   &lt;ContentPage&gt;
   ///Page content
   &lt;/ContentPage&gt;
  &lt;/MasterDetailPage.Detail&gt;
  </code></pre>
  
  <p>The goal is to get the side menu looking something like this:</p>
  
  <p><a href="https://i.stack.imgur.com/0Szl9.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0Szl9.jpg" alt="enter image description here"></a></p>