title: Android: Problem in Transparent Bottom Navigation inside the Bottom App Bar
body: <p>I am trying to achieve this kind of Bottom App Bar.</p>
  <p><a href="https://i.stack.imgur.com/2vpNZ.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2vpNZ.jpg" alt="Goal" /></a></p>
  <p>I manage to do this.
  <a href="https://i.stack.imgur.com/fqovV.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fqovV.jpg" alt="enter image description here" /></a></p>
  <p>Then I put <code>app:backgroundTint=&quot;@android:color/transparent&quot;</code>
  in Bottom navigation but it turns out as shown below. It's not that properly set as transparent.</p>
  <p><a href="https://i.stack.imgur.com/B9gyj.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/B9gyj.jpg" alt="enter image description here" /></a></p>
  <p><strong>Layout code:</strong></p>
  <pre><code>&lt;com.google.android.material.bottomappbar.BottomAppBar
          android:id=&quot;@+id/bottomAppBar&quot;
          android:layout_width=&quot;match_parent&quot;
          android:layout_height=&quot;wrap_content&quot;
          android:layout_gravity=&quot;bottom&quot;
          android:backgroundTint=&quot;@color/colorPrimary&quot;
          app:fabCradleRoundedCornerRadius=&quot;20dp&quot;&gt;
          &lt;com.google.android.material.bottomnavigation.BottomNavigationView
              android:id=&quot;@+id/bottomNavigationView&quot;
              android:layout_marginRight=&quot;16dp&quot;
              app:backgroundTint=&quot;@android:color/transparent&quot;
              android:layout_width=&quot;match_parent&quot;
              android:layout_height=&quot;wrap_content&quot;
              app:menu=&quot;@menu/app_bar_menu&quot; /&gt;
      &lt;/com.google.android.material.bottomappbar.BottomAppBar&gt;
  </code></pre>