How to use BottomNavigationView material3 design

Question

I'm using BottomNavigationView

<com.google.android.material.bottomnavigation.BottomNavigationView
                android:id="@+id/bottomNavigationView"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom"
                app:menu="@menu/bottom_nav_menu" />

//build.gradele
implementation "androidx.compose.material:material-icons-extended:1.5.0"
implementation 'androidx.compose.material:material:1.5.0'

but design as from Material2?

Answer 1

Both designs are using same view implementation, you just have to apply some material3 theme to it, e.g.

<com.google.android.material.bottomnavigation.BottomNavigationView
                android:id="@+id/bottomNavigationView"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom"
                app:menu="@menu/bottom_nav_menu"
                android:theme="@style/Theme.Material3.DayNight"/>