Justin Breg Justin Breg - 10 months ago 81
Android Question

Android appbarlayout elevation appears in status bar

How do I get rid of the elevation in the status bar? If I set in AppbarLayout the app:elevation to 0dp the elevation doesn't appear anymore in status bar but also not below the AppbarLayout.

How do I just get the elevation under the AppbarLayout?

Here's a screenshot of what I mean: puush link, notice the shadow in the status bar :(


Answer Source

Our concern is about shadow of AppBarLayout visible when status bar is transparent. Having an opaque status bar is not viable at all times. This happens on Lollipop & above only because of dynamic shadow rendering. On Marshmallow the wrong shadow looks even worse.

Best solution

Your root layout should have android:fitsSystemWindows="true" at all times, otherwise your UI will not draw behind status bar.

Now wrap the AppBarLayout inside another CoordinatorLayout which has android:fitsSystemWindows="false". This will prevent the shadow from overflowing into statusbar

Other workarounds (not recommended)

In your Style remove the statusBarColor:

<item name="android:statusBarColor">@android:color/transparent</item> 

So your theme would be:

<style name="AppTheme.NoActionBar">
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
<item name="android:windowDrawsSystemBarBackgrounds">true</item>

Also you can simply make app:elevation="0dp" on appbarlayout, but that removes the shadow on bottom also.