question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[BottomNavigationView] Provide horizontal positioning for items (icon + label)

See original GitHub issue

Is your feature request related to a problem? Please describe. Material Design specification describes that in the lanscape mode or for tablets it is fine to show item label next to the item icon:

Zrzut ekranu 2020-09-11 o 17 00 31

Describe the solution you’d like Currently BottomNavigationView does not provide any option for changing item label positioning. It would be great to have an attribute like labelOrientation="horizontal|vertical" or labelGravity="start|top|end|bottom"

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:22
  • Comments:17 (4 by maintainers)

github_iconTop GitHub Comments

7reactions
wcshicommented, Sep 15, 2020

Thank you for reaching out, I asked the design team to provide detailed spec so we can implement this feature.

2reactions
drchencommented, Aug 8, 2022

Hi sorry for no update of this for a while.

Yeah I think in the new guidelines designers discarded the horizontal positioning of icon and text. Instead, I think we are going to encourage people using navigation rail/drawer in landscape mode. (You can refer to the adaptive demo in Catalog.)

We may have a more integrated navigation component coming in the future, but it’s not decided yet and the timeline is unknown now.

I’ll close the issue as obsolete.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to make BottomNavigationView Horizontally Oriented ...
I want to alight icon and label of BottomNavigationView align horizontally. Something like this enter image description here.
Read more >
Bottom navigation - Material Design
Bottom navigation bars allow movement between primary destinations in an app. ... Note:BottomNavigationView does not support more than 5 menu items.
Read more >
BottomNavigationView - Android Developers
Represents a standard bottom navigation bar for application. It is an implementation of material design bottom navigation.
Read more >
BottomNavigationView in Android - GeeksforGeeks
BottomNavigationView makes it easy for users to explore and switch between top-level views with a single tap. There should be a minimum of...
Read more >
BottomNavigationBar class - material library - Dart API
The bottom navigation bar consists of multiple items in the form of text labels, icons, or both, laid out on top of a...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found