title: Toolbar overlaps status bar
body: <p>I've got a problem with my status bar which gets overlapped by the toolbar. </p>
  
  <p>I wanted to have the function that when the user scrolles the <code>ListView</code> down, the toolbar disappears behind the status bar so that only the tabs are visible, just like in the WhatsApp and YouTube apps. </p>
  
  <p>To achieve this effect or to get this function I used this line:     </p>
  
  <pre><code>app:layout_scrollFlags="scroll|enterAlways"
  </code></pre>
  
  <p>into my <code>android.support.v7.widget.Toolbar</code>, but know as I said before, the status bar gets overlapped by the toolbar. </p>
  
  <p><a href="https://i.stack.imgur.com/mUbMJ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/mUbMJ.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/cZokh.png" rel="noreferrer"><img src="https://i.stack.imgur.com/cZokh.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/EFOoJ.png" rel="noreferrer"><img src="https://i.stack.imgur.com/EFOoJ.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;android.support.design.widget.CoordinatorLayout
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
      android:id="@+id/main_content"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:fitsSystemWindows="true"
      tools:context=".MainActivity"&gt;
  
      &lt;android.support.design.widget.AppBarLayout
          android:id="@+id/appbar"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:paddingTop="@dimen/appbar_padding_top"
          android:theme="@style/AppTheme.AppBarOverlay"&gt;
  
          &lt;android.support.v7.widget.Toolbar
              android:id="@+id/toolbar"
              android:layout_width="match_parent"
              android:layout_height="?attr/actionBarSize"
              app:layout_scrollFlags="scroll|enterAlways"
              android:background="?attr/colorPrimary"
              app:popupTheme="@style/AppTheme.PopupOverlay"&gt;
  
          &lt;/android.support.v7.widget.Toolbar&gt;
  
          &lt;android.support.design.widget.TabLayout
              android:id="@+id/tabs"
              android:layout_width="match_parent"
              android:layout_height="wrap_content" /&gt;
  
      &lt;/android.support.design.widget.AppBarLayout&gt;
  
      &lt;android.support.v4.view.ViewPager
          android:id="@+id/container"
          android:layout_width="match_parent"
          android:layout_height="match_parent"
          app:layout_behavior="@string/appbar_scrolling_view_behavior" /&gt;
  
  
  &lt;/android.support.design.widget.CoordinatorLayout&gt;
  </code></pre>
  
  <p>Thankful for any help!</p>
  
  <p>UPDATE:</p>
  
  <p>v21\styles.xml</p>
  
  <pre><code>&lt;resources&gt;&gt;
      &lt;style name="AppTheme.NoActionBar"&gt;
          &lt;item name="windowActionBar"&gt;false&lt;/item&gt;
          &lt;item name="windowNoTitle"&gt;true&lt;/item&gt;
          &lt;item name="android:windowDrawsSystemBarBackgrounds"&gt;true&lt;/item&gt;
          &lt;item name="android:statusBarColor"&gt;@android:color/transparent&lt;/item&gt;
      &lt;/style&gt;
  &lt;/resources&gt;
  </code></pre>
  
  <p>styles.xml</p>
  
  <pre><code>&lt;resources&gt;
  
      &lt;!-- Base application theme. --&gt;
      &lt;style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar"&gt;
          &lt;!-- Customize your theme here. --&gt;
          &lt;item name="colorPrimary"&gt;@color/colorPrimary&lt;/item&gt;
          &lt;item name="colorPrimaryDark"&gt;@color/colorPrimaryDark&lt;/item&gt;
          &lt;item name="colorAccent"&gt;@color/colorAccent&lt;/item&gt;
      &lt;/style&gt;
      &lt;style name="AppTheme.NoActionBar"&gt;
          &lt;item name="windowActionBar"&gt;false&lt;/item&gt;
          &lt;item name="windowNoTitle"&gt;true&lt;/item&gt;
      &lt;/style&gt;
      &lt;style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" /&gt;
      &lt;style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" /&gt;
  
  &lt;/resources&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/sHMem.png" rel="noreferrer"><img src="https://i.stack.imgur.com/sHMem.png" alt="enter image description here"></a></p>