title: Bottom navigation bar hides part of a view
body: <p>In my app I want to display a simple Image, </p>
  
  <p>On my Samsung Galaxy S7 Real device the image is fine, The bottom Navigation bar is not part of the view but part of the phone itself. 
  The whole of the Image is present.</p>
  
  <p>On the Android Emulator the bottom navigation bar is part of the view and the image is partially hidden</p>
  
  <p>Here is my simple Linear Layout</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout         
      xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:fitsSystemWindows="true"
            android:background="@color/md_blue_50"
            android:orientation="vertical"&gt;
  
      &lt;include
          android:id="@+id/app_bar"
          layout="@layout/toolbar"/&gt;
  
      &lt;ImageView
          android:id="@+id/photo_image_large"
          android:adjustViewBounds="true"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          android:layout_gravity="fill_vertical"
          android:scaleType="fitXY"/&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>Here is the Android Emulator Screenshot </p>
  
  <p><a href="https://i.stack.imgur.com/wEGqj.jpg" rel="noreferrer">android emulator</a></p>
  
  <p>Here is my Samsung Galaxy Real Device Screenshot</p>
  
  <p><a href="https://i.stack.imgur.com/c4ZKe.jpg" rel="noreferrer">android real device</a></p>
  
  <p>The problem also occurs in recycler Views in the app the bottom part of the image is cut off on the android emulator...</p>