Stack Overflow
Stack Overflow

Questions tagged [bottom-navigation-bar]

86 questions
1
vote
1 answer

flutter dynamic navigation bar: identify which icon/button is tapped

I am creating a dynamic list of BottomNavigationBarItem and assigning it to 'items' of BottomNavigationBar. So based on a condition (here is my case, checks and add one more BottomNavigationBarItem if it is not billed. So the number of Icons…
Srikanth S
  • 1,717
  • 5
  • 16
  • 21
1
vote
1 answer

How to make a bottomModalSheet pop up from bottomNavigationBar

I'm relatively new to flutter and I was wondering how to make a bottomModalSheet appear from the navigationbar. I'm currently using [persistent_bottom_Nav_Bar] (https://pub.dev/packages/persistent_bottom_nav_bar) from pub.dev. I need make the…
NotGivingMyNameToAMachine
  • 11
  • 1
1
vote
0 answers

How do I combine Bottom Navigation Bar with my Home activity after my Login Activity?

I am trying to accomodate my bottom navigation view into my Home activity. I am not sure how do i link it to display the feature. So basically, once I log in, my activity_home.xml runs. I just want to add my Bottom_nav_view.xml inside it to…
Krish
  • 11
  • 3
0
votes
0 answers

My widget tests is not correctly being set when using Auto_route package

I have a flutter project, and i am using auto_route: ^7.8.3 package for navigation i have set up a bottom nav bar with 4 tabs and a screen for each tab when i run it it works as i expect it, my issue is i am trying to set up some widget test and get…
farooq
  • 9
  • 2
0
votes
1 answer

Flutter state, update content based on bottom navigation bar item's index

I'm building a flutter application, and at some point, i had to add a bottom Sheet so i used "showModalBottomSheet". and i wanted also to show a navigation bar inside it, so i added a customized widget of a "BottomNavigationBar", and now i want to…
Aymen ahmed Houasnia
  • 11
  • 3
0
votes
0 answers

AppBar disappears when I run the project on android studio

Need your assistance. I'm finding it hard to display the Appbar when the bottom navigation bar is there. When I have them both, the appbar disappears when I run the app but when I remove the bottomnavbar, the Appbar becomes visible. How can I…
Job levis
  • 11
  • 2
0
votes
1 answer

PageView and BottomNavigationBar lagging

I implemented a very simple system: class MyApp extends StatefulWidget { const MyApp({super.key}); @override State createState() => MainState(); } class MainState extends State { @override void initState() { futureData =…
guguCara
  • 21
  • 5
0
votes
2 answers

Icon doesn't change when navigating in a custom navigation bar (Flutter)

In my flutter app I created a custom bottom navigation bar with the ability to change its icon when navigating using it, but when I used a FloatingActionButton to navigate, it navigate me to the correct spot but the color of the icon of the page…
Abedalrahman Saad
  • 1
  • 1
0
votes
0 answers

Bottom NavBar is not changing screen on tap of icon in Flutter IOS

From this image you can know where i'm tapping. My Bottom navBar is working fine in android but in IOS i have to press at the edge of the bottom for changing the screen. This is my code PersistentTabController? _controller; // int? userId =…
Rana Mani
  • 1
  • 1
0
votes
0 answers

Why doesn't my bottom bar item label fit properly?

I made a bottom bar, but there is a problem, the label does not fit even though there is space? It doesn't happen on every screen, it only happens on some screens, such as small screens. What is the reason of this? I tried to adjust it with the…
NewPartizal
  • 604
  • 4
  • 18
0
votes
1 answer

How to create Custom BottomNavigationBar similar to NavigationRail but horizontally in Jetpack Compose

I am trying to create a custom bottom navigation bar which looks similar to a Windows 7 bottom app bar or task bar. Something similar to navigation-rail but its horizontal. All the bottom navigation items should lay from start and spacing between…
Rinav
  • 2,527
  • 8
  • 33
  • 55
0
votes
2 answers

Selected Item Colour does not changed according the Theme Dark/Light

I'm trying to change the colour of the item selected in the bottom menu bar according to the theme chosen (dark/light). For example, I want to have the icon selected in 'black' when the chosen theme is 'Light', and in the other way around, having…
Jacques
  • 1
  • 2
0
votes
1 answer

SwiftUI: How to make navigation bottom bar bigger

I would like to put a big button in my navigationBottomBar. Just like in this view from Apple: Or like this: But if I just put a button in the navigationBottomBar like this: .toolbar { ToolbarItem(placement: .bottomBar) { …
IOSCodingMax
  • 3
  • 2
0
votes
0 answers

set navigation bar color based on screen compose

I am trying to make the device navigation bar pick up the color of the compose navigation bar without success on some devices. The app has a compose NavigationBar which is not visible on all screens. I would like the device navigation bar to pick up…
DeKekem
  • 589
  • 10
  • 20
0
votes
1 answer

Set NavigationBarColor on Samsung not working in compose

Setting navigation bar color is not working on Samsung Galaxy 20. Here my set up. themes.xml