如何像 Material.io 一样创建底部导航栏

Question

I have been trying to configure the bottom navigation bar to looks like the material.io,

I checked https://material.io/develop/android/components/bottom-navigation-view/ and https://developer.android.com/reference/com/google/android/material/bottomnavigation/BottomNavigationView

I am out of luck, and looks like they may not use BottomNavigationView.calss to create this

https://material.io/design/environment/surfaces.html#attributes

Answer 1

You can implement that bottom app bar on Android with BottomAppBar from com.google.android.material:material:1.0.0 . Here is the reference guide : https://material.io/develop/android/components/bottom-app-bar/

There is a "Develop" section on material.io that teaches you how to use libraries to use each component on all platforms. At the moment, most components are not implemented on Android, but hopefully BottomAppBar is already available !