title: Bottom Sheet Above Bottom Navigation
body: <p>My goal is to place a "bottom sheet" on top of a <code>BottomNavigationView</code> like this:</p>
  
  <p><a href="https://i.stack.imgur.com/FVQ7D.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/FVQ7D.jpg" alt="enter image description here"></a></p>
  
  <p>But it stays the following way. Both views collapse:</p>
  
  <p><a href="https://i.stack.imgur.com/etaxw.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/etaxw.jpg" alt="enter image description here"></a></p>
  
  <p>This is the xml of my main activity:</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:layout_width="match_parent"
  android:layout_height="match_parent"
  android:background="@drawable/tierrota"
  tools:context="com.example.juanjose.myapplication.ViajesActivity"&gt;
  
  &lt;!-- include main content --&gt;
  &lt;include layout="@layout/bottomsheet" /&gt;
  
  &lt;!-- include bottom sheet --&gt;
  &lt;include layout="@layout/bottom_navigation" /&gt;
  
  &lt;/android.support.design.widget.CoordinatorLayout&gt;
  </code></pre>
  
  <p>Code of <code>bottom_navigation</code>:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  xmlns:app="http://schemas.android.com/apk/res-auto"&gt;
  
  &lt;android.support.design.widget.BottomNavigationView
      android:id="@+id/bottom_navigation"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_alignParentBottom="true"
      app:itemBackground="@color/colorClarito"
      app:itemIconTint="@drawable/nav_item_color_state"
      app:itemTextColor="@drawable/nav_item_color_state"
      app:menu="@menu/bottom_navigation_main" /&gt;
  
  &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p>And code of bottom sheet</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  android:id="@+id/bottom_sheet"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical"
  app:behavior_hideable="false"
  app:behavior_peekHeight="80dp"
  app:layout_behavior="android.support.design.widget.BottomSheetBehavior"&gt;
  
  &lt;TextView
      android:layout_width="match_parent"
      android:layout_height="80dp"
      android:background="@color/colorBackgroundSemi"
      android:gravity="center"
      android:text="Bandeja de entrada"
      android:fontFamily="@font/eraslght"
      android:textColor="@color/colorLetra"
      app:layout_anchor="@+id/bottom_navigation"
      app:layout_anchorGravity="top"/&gt;
  
  &lt;TextView
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:gravity="center"
      android:text="coisa2"
      android:textColor="@android:color/white" /&gt;
  
  &lt;/LinearLayout&gt;
  </code></pre>
  
  <p>I am new with these two elements. Is there someone who knows any way to achieve what I'm looking for?</p>
  
  <p>I want my "bottom sheet" to act as such and can expand. My ultimate goal is to add a <code>RecyclerView</code> inside the <code>BottomSheet</code>.</p>