Need help Regarding Bottom Navigation

Discuss
, , ,
#1

hello everyone,
i was using bottom navigation i added 3 items in it and it looked perfect. like this a
but when i added 4 item in bottom navigation it looked awfull and disgusting. like this a

as you can see title of the items in first image is visible but in second image title is not visible and item size is also small. i want all the four item to look like first image. because all the apps in playstore have bottom navigation like this first image it looks good too. please help me to solve this.

#2

Thats the normal behavior.
You cant do anything for now

#3

so can you please tell me a way to create custom bottom navigation which looks like the first image

#4

yes with your own layout you can make one but it will be hard to make one

#5

I Don’t Know That this will work or not.

Just Try To Make The Names Of Your Bottom Nav. components shorter. Like My Wallet to wallet.

Plz also tell that in works or not.
I m waiting :wink:

#6

no bro it doesn’t work.

#7

After 3 items you will see only the selected Item with name.
As I said thats the normal behavior.
But we can add a option in next update for that

10 Likes
#8

It will look like that after you add more than three items.
You can design your own bottom navigation with ’ Horizontal layout ’ and ’ Labels ’ using Font awesome icons.Just copy html code and paste into label text and enable clickable and html format in common properties.And use font typeface as font awesome.

Screenshot_2019-05-19%20Kodular%20Creator
Screenshot_2019-05-19 Kodular Creator.png321×602 12 KB

Screenshot_2019-05-19%20Kodular%20Creator(1)
Screenshot_2019-05-19 Kodular Creator(1).png293×554 8.5 KB

1 Like
#9

how to add more than 5 icons in bottom navigation as it only shows 5 icons and no more?

#10

Make a custom one.

#11

how … to show the label and the fontawesom icon at the same time in the same label?

#12

Use buttons…

#13

This is possible :point_down:

Screenshot_2020-07-03-15-04-50-55_bcf19fdaab5f528e1a140238641ca633
Screenshot_2020-07-03-15-04-50-55_bcf19fdaab5f528e1a140238641ca6331080×2340 47.7 KB

Designer properties of one label :point_down: Properties of all other labels are set in the same way, just with different font awesome icons and text

lbl
lbl382×847 27.8 KB

Also all these labels are in a Horizontal Arrangement whose background color is set to black and height is ‘8%’ while width is set to ‘Fill parent’

3 Likes
Buttom menu does not show all icons subtitle at the same time
Buttom menu does not show all icons subtitle at the same time
#14

As per the Google’s material design guidelines, you should only have 5 tabs in the bottom navigation.
So, its better not to add more. :slight_smile:

#15

Create Horizontal Arrangment at the bottom of your Page.
then add your components in it.
( though it will slow down your app a bit or may be crash on lite devices ).

#16