[BottomNavigationView] Weird background using Material 1.1.0 and Navigation component

I am using some BottomNavigationViews with transparent background in my app and It was working really well but I had to add budgets to my BNV so I added com.google.android.material:material:1.1.0 stable version

Now my BNV has some weird shadow/background behind and it looks really bad and it’s happening everywhere.

This is on emulator but on a real device is even worst. It has trapeze form.

I am using:

minSdkVersion 26

targetSdkVersion 29

navigation_version 2.2.0

material_version 1.1.0

And my BNV is:

                android:id="@+id/topNavigationView"
                style="@style/SearchBottomMenu"
                android:layout_width="0dp"
                android:layout_height="wrap_content"
                android:background="#00000000"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/autoTv"
                app:menu="@menu/search_nav_menu" />

This is the style:

    <style name="SearchBottomMenu">
        <item name="itemIconTint">@drawable/nav_item_color_state_dark</item>
        <item name="itemTextColor">@drawable/nav_item_color_state_dark</item>
        <item name="android:paddingTop">@dimen/padding_nano</item>
    </style>

and this is the menu

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/trendingSearchFragment"
        android:icon="@drawable/ic_trending"
        android:title="Tendencias" />
    <item
        android:id="@+id/mySearchesFragment"
        android:icon="@drawable/ic_my_preferences"
        android:title="Favoritos" />
    <item
        android:id="@+id/favoriteSearchFragment"
        android:icon="@drawable/ic_my_search"
        android:title="Mis busquedas" />
</menu>

if I remove android material 1.1.0 and not excluding material 1.0.0 from navigation component it just looks perfect.

Thanks for any help.

[ghost]

The point was app:elevation="0dp". Not android:elevation="0dp"

[hunterstich]

Yea, what you’re seeing is the shadow behind your transparent BottomNavigationView. If you set app:elevation="0dp" on your BottomNavigationView, you should get what you’re looking for.