title: Bottom Navigation with fab
body: <p>I am currently working with <code>BottomNavigationView</code> and <code>FloatingActionButton</code>.
  What i want to achieve is this below design:</p>
  
  <p><a href="https://i.stack.imgur.com/8Xj1u.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/8Xj1u.jpg" alt="enter image description here"></a></p>
  
  <p>And what i have tried:</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"
      app:layout_insetEdge="bottom"
      tools:context=".activity.BottomNavPrimary"&gt;
  
      &lt;android.support.design.widget.FloatingActionButton
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:layout_gravity="center|bottom" /&gt;
  
      &lt;android.support.design.widget.BottomNavigationView
          android:id="@+id/bottomNavPrimary"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:layout_gravity="bottom"
          app:layout_insetEdge="bottom"
          android:background="?android:attr/windowBackground"
          app:menu="@menu/bottom_nav_primary"&gt;&lt;/android.support.design.widget.BottomNavigationView&gt;
  
  &lt;/android.support.design.widget.CoordinatorLayout&gt;
  </code></pre>