Repository navigation
Introduce NavigationBar widget with Material 3 support #88888
Description
Use case
Allow developers that are using Material You/v3 to have a correctly styled NavigationBar
Proposal
Introduce a new widget called NavigationBar that can be used as a replacement for BottomNavigationBar. The previous component has some outdated tech debt and features from earlier versions of the Material spec.
Activity
bernaferrari commentedon Aug 25, 2021
Can you use NavigationBar at the top? Because there were some things in the initial implementation that prevented this.
rami-a commentedon Aug 25, 2021
Conceptually, it is meant to be used at the bottom.
Technically, I don't think there would be any reason why you couldn't use it at the top (though the preferred use is to provide it to the
bottomNavigationBarfield of scaffold.bernaferrari commentedon Aug 25, 2021
If I remember well, the tooltip only works/worked on bottom (otherwise it wouldn't be shown).
rami-a commentedon Aug 26, 2021
Ah, then I believe that issue persists in this new version (for now) but I think adding a way to theme (allow customizing the position/style/etc) the tooltip would be straightforward and non-breaking to land in a follow-up PR
[-][Material You] Introduce NavigationBar widget with Material You styling[/-][+][Material v3] Introduce NavigationBar widget with Material You styling[/+][-][Material v3] Introduce NavigationBar widget with Material You styling[/-][+][Material 3] Introduce NavigationBar widget with Material You styling[/+]github-actions commentedon Oct 10, 2021
This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of
flutter doctor -vand a minimal reproduction of the issue.[-][Material 3] Introduce NavigationBar widget with Material You styling[/-][+]Introduce NavigationBar widget with Material You styling[/+][-]Introduce NavigationBar widget with Material You styling[/-][+]Introduce NavigationBar widget with Material 3 support[/+][-]Introduce NavigationBar widget with Material 3 support[/-][+]Introduce `NavigationBar` widget with Material 3 support[/+]