title: Top margin for first item in navigation drawer menu in Android Studio
body: <p>I am using Navigation Drawer menu without the header. The first item in the menu is too close to the top bar. How can I create margin for the first item? I am using this drawer menu:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;menu xmlns:android="http://schemas.android.com/apk/res/android"&gt;
  
  &lt;item android:title="Home"
      android:id="@+id/nav_item_home"
      android:icon="@drawable/ic_home_black_24dp"/&gt;
  
  &lt;item android:title="Search Definitions"
      android:id="@+id/nav_item_search"
      android:icon="@drawable/ic_search_black_24dp"/&gt;
  
  &lt;item android:title="About"&gt;
  
      &lt;menu&gt;
          &lt;item android:title="About this app"
              android:id="@+id/nav_item_about"
              android:icon="@drawable/ic_info_black_24dp"/&gt;
  
          &lt;item android:title="How to use this app"
              android:id="@+id/nav_item_howtouse"
              android:icon="@drawable/ic_perm_device_information_black_24dp"/&gt;
      &lt;/menu&gt;
  
  &lt;/item&gt;
  </code></pre>
  
  <p></p>
  
  <p>The outcome is this:</p>
  
  <p><a href="https://i.stack.imgur.com/JVSxZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JVSxZ.png" alt="First item in the navigation drawer is too close to the action bar"></a></p>
  
  <p>What I did as a workaround is to wrap the first item in a item menu with a blank title ... like this:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt; 
  &lt;menu xmlns:android="http://schemas.android.com/apk/res/android"&gt;
  
  &lt;item android:title=""&gt;
      &lt;menu&gt;
          &lt;item android:title="Home"
              android:id="@+id/nav_item_home"
              android:icon="@drawable/ic_home_black_24dp"/&gt;
  
          &lt;item android:title="Search Definitions"
              android:id="@+id/nav_item_search"
              android:icon="@drawable/ic_search_black_24dp"/&gt;
      &lt;/menu&gt;
  &lt;/item&gt;
  
  &lt;item android:title="About"&gt;
  
      &lt;menu&gt;
          &lt;item android:title="About this app"
              android:id="@+id/nav_item_about"
              android:icon="@drawable/ic_info_black_24dp"/&gt;
  
          &lt;item android:title="How to use this app"
              android:id="@+id/nav_item_howtouse"
              android:icon="@drawable/ic_perm_device_information_black_24dp"/&gt;
      &lt;/menu&gt;
  
  &lt;/item&gt;
  </code></pre>
  
  <p></p>
  
  <p>And then the outcome is exactly what I wanted:</p>
  
  <p><a href="https://i.stack.imgur.com/g2KTF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/g2KTF.png" alt="Desired Output"></a></p>
  
  <p>Can someone please confirm if this workaround is the only way or is there any correct way of achieving the desired output. </p>