Image is squeezed on Android

I noticed taht image is a bit squeezed because of the top and bottom bars and found a way to avoid it.

Here’s how my launch_screen.xml looks like now:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
>
  <ImageView 
    android:src="@drawable/launch_screen"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="centerCrop"
  >
  </ImageView>
</FrameLayout>

I am no Android developer and if there’s a way to optimize or simplify it, that would be great.

[mohamedabusrea]

It worked for me but I noticed that it increases the image ratio to force it to fill the screen like “background-size: cover” in CSS and I prefer “background-size: contain” so here is the new code:

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  android:background="@color/splashBackground"
>
  <ImageView 
    android:src="@drawable/launch_screen"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="centerInside"
  >
  </ImageView>
</FrameLayout>

[orangecoloured]

@Jacse you are right. But still the image is squeezed if you use the layout from the docs. So I would at least place a note there.