how to make bottom app bar or bottom navigation bar like google home app?

Question

I want to make a layout like above. Can anyone help me how to do that? I have tried the new material bottom app bar. but I couldn\'t achieve this view.

Answer 1

Finally got the solution. Just place bottomAppBar under your bottomNavigationView with transparent background. And add empty menu item to menu.xml to free space for the FAB.

XML:

Also you need to add an empty item in your menu.xml like this: