Unwanted space created in the layout

debugcn Published at Dev

baldraider

I'm developing a UI for my application and it's working fine on all devices of the size ratio 18:9 except in Xiaomi 18:9 devices.It creates unwanted space between Tab layout and status bar like this :

I don't add any top margin or padding for Tab layout.

My xml code :

<?xml version="1.0" encoding="utf-8"?>
   <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.v7.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:cardCornerRadius="0dp"
    android:id="@+id/tabCardView">

    <android.support.design.widget.TabLayout
        android:layout_width="match_parent"
        android:layout_height="@dimen/tabHeight"
        android:id="@+id/tabLayout"
        app:tabMode="fixed"
        android:background="?attr/tabBackgroundColor"/>

</android.support.v7.widget.CardView>

<android.support.v4.view.ViewPager
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/viewPager"
    android:background="?attr/homeBackgroundColor"
    android:layout_below="@+id/tabCardView"/>
</RelativeLayout>

I have no any idea why this happening.

Grisgram

What happens if you put this meta-data in the tag of your manifest? It could well be, that this device is using 18.5:9 and not plain 18:9

<application ....  >
    <meta-data
        android:name="android.max_aspect"
        android:value="2.1"/>

</application>

More information here: https://android-developers.googleblog.com/2017/03/update-your-app-to-take-advantage-of.html

Collected from the Internet

Please contact [email protected] to delete if infringement.

edited at2021-08-10

Comments

0 comments

From Dev

Unwanted Space in div tags

From Dev

Unwanted space at the right of the site

From Dev

Unwanted Space in div tags

From Dev

Unwanted space in Python

From Dev

Unwanted space around Nav

From Dev

Unwanted space in brace expansion

From Dev

Android layout unwanted padding

From Dev

unwanted divs created with dom php

From Java

Unwanted empty table created in datasource

From Dev

Unwanted empty table created in datasource

From Dev

Unwanted space between php and html

From Dev

Unwanted space on left side of div

From Dev

PHP: unwanted space in email form

From Dev

Unwanted space between body and footer

From Dev

remove unwanted space from page

From Dev

Unwanted white space at the bottom of page

From Dev

Need to remove unwanted space element

From Dev

Unwanted whitespace created by CSS transition animation

From Dev

Unwanted white space with knitr+booktabs package

From Dev

How to remove unwanted white space in CSS

From Dev

table td leaves unwanted space at the bottom

From Dev

Datatables pagination buttons - Remove unwanted space

From Dev

Unwanted white space around image inside div

From Dev

Unwanted space in actionbar after updating Sdk to 24

From Dev

How to remove unwanted space in flot chart

From Dev

Dragging a header column leaves unwanted white space

From Dev

How to remove unwanted space from Ionic popover

From Dev

how to remove the unwanted space before the image links

From Dev

transform: rotate is creating unwanted white space

Related Related

Article