Bottom navigation bar hides part of a view

Question

In my app I want to display a simple Image,

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.

On the Android Emulator the bottom navigation bar is part of the view and the image is partially hidden

Here is my simple Linear Layout

<?xml version="1.0" encoding="utf-8"?>
<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">

    <include
        android:id="@+id/app_bar"
        layout="@layout/toolbar"/>

    <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"/>

</LinearLayout>

Here is the Android Emulator Screenshot

android emulator

Here is my Samsung Galaxy Real Device Screenshot

android real device

The problem also occurs in recycler Views in the app the bottom part of the image is cut off on the android emulator...

Answer 1

It's because of android:fitSystemWindows put it to false and it should be good