Android Bottom Navigation View Customisation [closed]

Question

I am new to Android development. I am trying to have a bottom navigation view similar to below attached image

With a background color of selected menu and also a middle button to be overflow over nav bar. Few key points to note in this is:

• there is no title with icons List item.
• The middle icon is overflown from navigation bar.
• The background color is changing on selection of the tab instead of icon color.

If any tutorial or any guidance available then let me know.

Thank you (in advance)

Answer 1

Use the SpaceNavigationView library to get the Bottom Navigation Bar similar to your required design. The library has the option for an overflow icon in the center and also there is no title with icons. However, I am not sure if the is any background color change feature on selection of tab in the library. You can also take a look at other libraries and see if the source codes can be of any help.

• https://github.com/armcha/Space-Navigation-View

• https://github.com/aurelhubert/ahbottomnavigation

• https://github.com/sephiroth74/Material-BottomNavigation

• https://github.com/Ashok-Varma/BottomNavigation

Answer 2

I can answer about guidance.

1. Check BottomNavigationView documentation. Play with OnTabSelectListener to change background color on selection. Play with dynamic items adding, to make your central item overflown.

2. Before BottomNavigationView was added to Android SDK, some kind peron wrote BottomBar library. This library implements even more, then BottomNavigationView, including background color change. Its source code might be helpful for you.