Stack Overflow
Stack Overflow

Questions tagged [bottom-navigation-bar]

86 questions
7
votes
2 answers

How to change react native paper bottom navigation active color?

I want to change the color of react-native-paper naviagation. How can i change the color. I am able to change the color of background but not able to change the color of active tab round button. Image Link = https://i.stack.imgur.com/3Edpm.png I…
shoaibdevs
  • 401
  • 6
  • 18
4
votes
1 answer

Loading an image inside a bottom navigation bar item icon using an URL

I'm trying to load a profile image using the firebase storage url inside an item's icon of a bottom navigation bar, here's my code: Glide.with(getApplicationContext()).asBitmap().load(profilePicUrl) .into(new CustomTarget() { …
Yassine
  • 55
  • 5
2
votes
4 answers

BottomNavigationBar not working properly after navigate to navigation fragment by cutom button click

Take a Bottom Navigation activity from android studio template. there are 3 fragment with 3 item in BottomNavBar (HomeFragment, DashboardFragment, NotificationsFragment) navigate to DashboardFragment from HomeFragment by a button click. after that…
SumOn
  • 306
  • 1
  • 4
2
votes
0 answers

Does supplying instantiated classes in a dart enhanced enum lead to performance issues in flutter?

I would like to use an enhanced enum in flutter to supply the widget and app bar to be used on a scaffold with bottom navigation. Will it lead to performance issues? Will the classes get instantiated each time I use the enum anywhere in the…
Daniel Weiss
  • 31
  • 3
1
vote
1 answer

Flutter bottom navigation bar: where to place index counter in scaffold so it will work?

I am struggling with implementation of bottom navigation bar. Specifically, I am trying to place 'index' with the body as in all examples that I found, but body element already has Responsive screen inside. The problem is: even though I have…
Elena Epshtein
  • 87
  • 1
  • 8
1
vote
1 answer

I need my appbar to show on different dart files I'm creating in android studio

Need your assistance. I'm working on a flutter project using android studio. I'm finding it hard to display the Appbar when the bottom navigation bar is there. When I have them both, the appbar doesn't show when I run the app but when I remove the…
Job levis
  • 11
  • 2
1
vote
1 answer

Combine Bottom Navigation with NavHostController Jetpack Compose

I am trying to implement navigation in my Android app using JetpackCompose. What I am trying to do is I have a Bottom Bar with 4 buttons (Home, categories, cart, settings) Each of this screens have its own navigationHostController and multiple…
Dave Kababyan
  • 41
  • 4
1
vote
1 answer

Can we have a NavigationBar instance per screen without functional disadvantages?

When using Jetpack Compose and Material Design, is it possible to use a new NavigationBar (aka BottomNavigationBar) on each screen? Or would this interrupt e.g. touch animations as a new NavigationBar gets instantiated when switching screens? My…
stefan.at.kotlin
  • 15,347
  • 38
  • 147
  • 270
1
vote
1 answer

BottomNavigatorBar vs Tabbar on Flutter

I know how can I use tabbar or bottomNavigatorBar. I can create bottom bar with both of them but my question is which one is the best usage to create bottom bar? I mean, which one should I use to create bottom bar?
Semih Ekmen
  • 95
  • 5
1
vote
1 answer

How to build bottom navigation bar with custom borders radius in flutter?

I have figma design which shows the design of bottom navigation bar, I already design the shape and borders of it by using a Container but whenever I use BottomNavigationBar as a child it changes back to flat like this: this is before adding the …
KIRAx2000
  • 111
  • 1
  • 10
1
vote
1 answer

Jetpack Compose. selectedContentColor and unselectedContentColor not working in BottomNavigationItem

I have code: @Composable fun BottomNavigationBar(navController: NavController) { val items = listOf( BottomNavigationItem.One, BottomNavigationItem.Two, BottomNavigationItem.Three, BottomNavigationItem.Four, …
Alex
  • 1,407
  • 2
  • 10
  • 19
1
vote
1 answer

FloatingActionButton appear in the appbar instead of bottom navigation bar

I expected to see the FloatingActionButton in the middle of my bottom navigation bar. How to put the FloatingActionButton at the bottom of the screen and explain why it's now at the top of the screen? class _BTMState extends State { int…
Ayz
  • 181
  • 1
  • 9
1
vote
1 answer

How to remove highlight from one specific icon in a Botton Navigation Bar in Android

I have a Bottom Navigation Bar in Android with 4 icons. At the moment, when I click on an icon it gets highlighted (change of color) until another button is pressed on the Bottom Navigation Bar. While this is good for 3 of the 4 icons, I also have a…
VanessaF
  • 515
  • 11
  • 36
1
vote
1 answer

How to change on tap ripple-effect color of system/bottom navigation-bar buttons in Android Studio

I want to change the on-touched background ripple effect color of the navigation bar in android studio. Like when someone presses or taps the navigation bar buttons, ripple effects show. But in my case, it's not visible because my navigation bar…
Zeeshan Ali
  • 13
  • 4
1
vote
1 answer

How to space the icons evenly in the bottom navigation bar in flutter?

I am trying to space the icons evenly in the bottom navigation bar but it appears that the first icon has more padding than the other icons whereas there is no padding added to the icons whatsoever. The bottom navigation bar is as stock as I can let…
Syed A.R
  • 159
  • 1
  • 9
1
2 3 4 5 6