title: Bottom Navigation Bar overlaps view above it
body: <p>I have following view hierarchy</p>
  
  <pre><code>&lt;androidx.coordinatorlayout.widget.CoordinatorLayout
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      tools:context=".activity.MainActivity"
      &gt;
  
      ...
  
          &lt;com.google.android.material.bottomnavigation.BottomNavigationView
              android:id="@+id/am_bottom_navigation"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:layout_alignParentBottom="true"
              android:background="@color/colorPrimary"
              app:itemIconTint="@drawable/bottom_navigation_colors"
              app:itemTextColor="@drawable/bottom_navigation_colors"
              app:labelVisibilityMode="unlabeled"
              app:menu="@menu/menu_bottom_navigation"
              /&gt;
  
          &lt;include layout="@layout/toolbar" /&gt;
  
          &lt;View
              android:id="@+id/am_fade_background"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:alpha="0.5"
              android:visibility="gone"
              android:background="@android:color/black"
              android:layerType="hardware"
              /&gt;
  
          &lt;FrameLayout
              android:id="@+id/am_tracker_over_layout"
              android:visibility="gone"
              android:layout_margin="20dp"
              android:layout_width="match_parent"
              android:layout_height="wrap_content"
              android:layout_centerInParent="true"
              /&gt;
  
      &lt;/RelativeLayout&gt;
  </code></pre>
  
  <p></p>
  
  <p>I want for <code>am_tracker_over_layout</code> to be shown ahead everything else, but <code>BottomNavigationView</code> gets ahead. Made it transparent for clarity.</p>
  
  <p><a href="https://i.stack.imgur.com/NViX3.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NViX3.png" alt="BottomNavigationView overlaps view above it"></a></p>
  
  <p>Tried googling it. Read that the last view in group is shown ahead, but it doesn't seem to be true with <code>BottomNavigationView</code>. </p>
  
  <p>So, how can I explicitly move <code>BottomNavigationView</code> behind some other view?</p>