Integrating Bottom Navigation with 5 Menu Items

Question

I was trying to add 5 items to the bottom navigation view , But when i add icons the view get collapse . each icon doesn't get ideal width which means the same width . please refer to the image , Any reason for this ?

Edited :- This seems like the default behaviour, If i press on something the button gets the focus

But is it possible to show it like iOS which means each tab having the same width ?

actually this seems to be the default behaviour, But how can each tab icon should have same width ? — Mr.G, Oct 18 '17 at 08:12
Don't think you can without creating your own custom bottom menu view — Mars, Oct 18 '17 at 08:18
Best I can think of is maybe if you set it to unselected (setChecked(false))? But then it won't be highlighted.. — Mars, Oct 18 '17 at 08:21
To make separation like IOS you should better go with `TabLayout` with `ViewPager` — Burhanuddin Rashid, Oct 18 '17 at 08:56

score 0 · Answer 1 · answered Oct 18 '17 at 09:08

0

In the bottom navigation material design specs there is a section describing "fixed" vs "shifting" modes

While this doesn't appear in the official bottom navigation view documentation (ahem google), if you look at the source code you will see that there is the ability to set the "Shifting Mode" both via xml and java.

Please note that I haven't tried this and am basing it on the source code alone.

answered Oct 18 '17 at 09:08

MidasLefko

4,499
1
31
44

Thank you for the reply but i tried to search the source but its not available using 26 version – Mr.G Oct 18 '17 at 10:33
but i found this https://stackoverflow.com/questions/40972293/remove-animation-shifting-mode-from-bottomnavigationview-android – Mr.G Oct 18 '17 at 10:36

Integrating Bottom Navigation with 5 Menu Items

1 Answers1