title: How to customise Navigation Drawer item height
body: <p>Hello guys I'm trying to change the height of my Navigation Drawer items and I don't know how, I've looked everywhere and did my best but nothing seems to work..</p>
  
  <p><a href="https://i.stack.imgur.com/p1ewj.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/p1ewj.jpg" alt="Result"></a></p>
  
  <p>This is my Navigation Drawer item which is customised to have a text under that image but also I want that image to be a little bigger.</p>
  
  <p>The result I am looking up to is this:</p>
  
  <p><a href="https://i.stack.imgur.com/AnvfN.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/AnvfN.jpg" alt="Menu Items"></a></p>
  
  <p>With around 75dp of height for each item and also I want the menu to be shorter on the width to give that look in that image.</p>
  
  <p>I am using a custom layout for my items of course, which I named: <strong>menu_item.xml</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:orientation="vertical" android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:gravity="center"
      android:layout_margin="10dp"&gt;
  
      &lt;ImageView
          android:layout_width="75dp"
          android:layout_height="75dp"
          android:src="@drawable/menu_icon"/&gt;
  
      &lt;TextView
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Menu Title"
          android:textSize="16sp"
          android:textColor="@color/white" /&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>my <strong>activity_main.xml</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;android.support.v4.widget.DrawerLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      android:id="@+id/drawer_layout"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:fitsSystemWindows="true"
      tools:openDrawer="start"&gt;
  
      &lt;include
          layout="@layout/app_bar_main"
          android:layout_width="match_parent"
          android:layout_height="match_parent" /&gt;
  
      &lt;android.support.design.widget.NavigationView
          android:id="@+id/nav_view"
          android:layout_width="wrap_content"
          android:layout_height="match_parent"
          android:layout_gravity="start"
          android:background="@color/colorPrimaryDark"
          android:fitsSystemWindows="true"
          app:headerLayout="@layout/nav_header_main"
          app:menu="@menu/activity_main_drawer" /&gt;
  
  &lt;/android.support.v4.widget.DrawerLayout&gt;
  </code></pre>
  
  <p>and finally the menu; <strong>activity_main_drawer.xml</strong></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;menu xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:app="http://schemas.android.com/apk/res-auto" &gt;
  
          &lt;item
              android:id="@+id/nav_profile"
              app:actionLayout="@layout/menu_item"/&gt;
  &lt;/menu&gt;
  </code></pre>
  
  <p>Any ideas how to achieve what I want? Thanks in advance</p>
  
  <p>EDIT: When I enlarge the image in my custom item as follows:</p>
  
  <p>this is in <strong>menu_item.xml</strong></p>
  
  <pre><code>&lt;ImageView
          android:layout_width="75dp"
          android:layout_height="75dp"
          android:src="@drawable/menu_icon"/&gt;
  </code></pre>
  
  <p>..I get this result:</p>
  
  <p><a href="https://i.stack.imgur.com/vyEqW.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/vyEqW.jpg" alt="result2"></a></p>
  
  <p>As you see my image is bigger than the item..</p>