Questions tagged [flutter-bottomnavigation]

281 questions
0
votes
1 answer

Flutter BottomNavigationBar call navigator push for one Navigator item

I have a BottomNavigationBar with 4 BottomNavigaton items and want 3 items to render different contents for the body, which works fine already. I want the first item to open the camera and link to a completely new page. How can I do this? What I…
0
votes
2 answers

Bottom Nav Bar Not Changing Icons On Button Press In Flutter

I want to use the BottomNavigationBar across some particular screens/pages, and I'm not sure if I'm doing this right. I have made a widget called BottomNavBar and have implemented it across my pages/screens. Whenever I click on, let's say Page3, it…
GrandMagus
  • 600
  • 3
  • 12
  • 37
0
votes
0 answers

Flutter expand bottom navbar to show more options

I wish to make a bottom navbar which initially shows 5 options, out of which last option is 'more' and when user taps on it, navbar expands vertically and then show couple of more options. So, exactly what happens is that initial navbar shifts…
Priyank Sharma
  • 129
  • 1
  • 3
  • 13
0
votes
1 answer

How use setState() inside BottomNavigationBar item in Flutter?

I want to use DropdownButton in BottomNavigationBar items. But unable to use setState(). I see this error :- The instance member 'setState' can't be accessed in an initializer. Try replacing the reference to the instance member with a different…
Ruchira
  • 27
  • 1
  • 8
0
votes
1 answer

Flutter BottomNavigationBar with Navigator and without replacement (loosing state)

How we can change BottomNavigationBar page using Navigator push method without losing each page state? extra details: that is useful on nested navigation, when we want to use Navigator.of method to access nearest Navigator on widget hierarchy. so we…
Siamak S
  • 163
  • 9
0
votes
1 answer

How to handle text overflow on BottomNavigationBarItem now that title is deprecated?

In my app I am using a BottomNavigationBar with icons and text for the items in it. In one of the items the text is too long and thus overflows. With the title property of the BottomNavigationBarItem I could easily control this with the overflow…
Bram Dekker
  • 631
  • 1
  • 7
  • 19
0
votes
2 answers

How do I make BottomNavigationBar page transition with Flutter's onWillpop?

I am using BottomNavigationBar in Flutter Project. This question is for line 30 "//TODO: back to the FirstTab". When a user is in the SecondTab or ThirdTab and the BackButton in the Android device is pressed, I want the user to go to the…
0
votes
1 answer

How to change icon on TabItem on currentTab

I have a BottomNavigationBar which works perfectly with color change on active and inactive but I don't want to change color but change icons on active and inactive with SVG image. Below is my code: class AppNavigation extends StatefulWidget { …
mideveloper
  • 327
  • 1
  • 7
  • 21
0
votes
1 answer

Flutter access bottom Navigation parent's context

Problem whenever I press the checkbox inside the ThemeSwitcher, something crazy like this happens: enter image description here I'am trying to get the MainPage.dart context and pass it to a widget called ThemeSwitcher in SettingsPage.dart I'am using…
0
votes
3 answers

How to add badge to BottomNavigationBarItem in Flutter?

I have a BottomNavigationBar BottomNavigationBar( items: const [ BottomNavigationBarItem( icon: Icon(Icons.shopping_cart), label: 'MyCart', ), . . …
Baran Gungor
  • 205
  • 2
  • 11
0
votes
0 answers

How to show bottom Navigation bar in all pages in flutter

I am new in Flutter. There are three pages in my App. And i have a bottom Navigation Bar with Two Pages. Now how can i show bottom Navigation in 3rd page that is not my bottom navigation bar.
kalam
  • 34
  • 4
0
votes
1 answer

BottomNavigationBar not able to apply background image - Flutter

BottomNavigationBar is not applying background image when there is more than 3 BottomNavigationBarItem. It shows white background instead of applied image. Please review the code and let me know if I'm missing something in the code. …
0
votes
1 answer

Flutter how to disable slide animation in BottomNavigationBar

I am trying to create a BottomNavigationBar in flutter, but I want to disable the slide animation between the pages. If I go from first tab to third tab I want it to open third tab directly, not slide through secondtab and then to thirdtab. Here is…
Mat Koffman
  • 509
  • 1
  • 7
  • 18
0
votes
3 answers

flutter bottomNavigationBar not changing screens

I'm new to flutter, trying to implement BottomNavigationBar in a demo app. Bottom bar does show in app but can't change the current item on tapping, neither does the screen changes. I've tried various methods to load screens but seems like the onTap…
Raj D
  • 205
  • 3
  • 16
0
votes
1 answer

Bottom sheet is not displaying on the bottom

I want to show a bottom sheet when clicking on the floating button on the page. Page also includes bottom navigation bar. When clicking on the floating button, the bottom sheet appears above the navigation bar not on the bottom of the page. How can…