BottomSheet appears to go behind the statusBar

Hello

I have the following code that I inflate for my bottom sheet:

<?xml version="1.0" encoding="utf-8"?>

<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Upload a picture"
    android:layout_margin="16dp"
    />
<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Option 1"
    android:layout_marginBottom="16dp"
    android:layout_marginLeft="16dp"
    />
<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="Option 2"
    android:layout_marginBottom="16dp"
    android:layout_marginLeft="16dp"
    />

</LinearLayout>

It inflates fine - but the problem is that if you drag the bottomsheet to the top of the screen, some of it hides behind the statusBar.

Before I drag it to the top (peekSheet):

borttomsheet

After dragging it to the top - you can see that the “Upload a picture” text is hidden somewhat :

bottomsheetexpanded

Issue Analytics

State:
Created 8 years ago
Reactions:1
Comments:6 (2 by maintainers)

Top GitHub Comments

3reactions

Winghin2517commented, Oct 20, 2015

Sorry - I figured it out guys.

I had the following code in my layout file:

<com.flipboard.bottomsheet.BottomSheetLayout android:id=“@+id/bottomsheet” android:layout_width=“match_parent” android:layout_height=“match_parent” xmlns:android=“http://schemas.android.com/apk/res/android” xmlns:tools=“http://schemas.android.com/tools” xmlns:app=“http://schemas.android.com/apk/res-auto”>

<android.support.design.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fitsSystemWindows="true"
    >

Because I have said android:fitsSystemWindows=“true”, it actually stretches the bottomsheet to behind the statusbar. Removing that line corrects the display.

0reactions

ZacSweerscommented, Mar 11, 2016

@Naveen9453 you are looking for the design support library’s bottomsheet, not this one.