Questions tagged [flutter-bottomnavigation]
281 questions
2
votes
0 answers
How can I change svg icon color in BottomNavigationBar Flutter?
I'm using SVG images in my BottomNavigationBar, but when I set selectedItemColor and unselectedItemColor doesn't work.
I'm trying using icons from Flutter framework and It's work. The problem is with SVG images.
I can manage the state for item…

rubone
- 53
- 6
2
votes
2 answers
BottomNavigationBar // Ho to change spacing of the BottomNavigationBarItems
EDIT: Solution below
Goal/Problem: I'm styling a BottomNavigationBar with a FAB. I'd like to move items 2 and 3 a bit further apart, so they don't hug the FAB so closely. Screenshots and code below.
Failed solutions:
Google showed me lots of post…

Joe
- 311
- 3
- 17
2
votes
3 answers
Icons get together in flutter bottom navigation bar with floating button
I'm making a bottom navigation bar using Inkwell, but as much as I tried solutions, I couldn't separate each icon in its respective space, I don't know what is failing me.
I tried with materialbuttom but the result was almost the same, although if…

RiseHit
- 179
- 3
- 12
2
votes
1 answer
how to keep bottom navigation bar in all pages with stateful widget in Flutter
I am able to navigate to multiple different pages with visible bottom navigation bar on all pages but not able to switch between all of them so how can I switch between tabs with bottom bar being there in all pages
I got till here using this Answer…

Mithson
- 1,554
- 13
- 33
2
votes
0 answers
How to use a dynamic index for bottom navigation bar in flutter
I have built a bottom navigation bar in flutter using the following method:
Scaffold(
appBar: AppBar(
title: const Text('BottomNavigationBar Demo'),
),
bottomNavigationBar: BottomNavigationBar(
items: const [
…

yamini r
- 153
- 1
- 15
2
votes
1 answer
Flutter BottomNavigationBar stackoverflow
i'm starting with Flutter and i'm struggling with the navigationBar, if i add the body i keep getting a stackOverflow.
If i don't add the body everything is fine.
Error:
The following StackOverflowError was thrown building…

Salvatore La Fiura
- 75
- 9
2
votes
1 answer
GetMidleware not working on bottomNavigationBar - flutter - GetX
i have problem with GetMidleware, so i have 3 item in bottomNavigationBar:
Home
MyTicket
Profile
i want user can acces home without login so i put midleware just on myTicket and Profile, but when i click MyTicket or Profile i still can access that…

adian
- 128
- 1
- 14
2
votes
3 answers
Navigator pop when using persistent_bottom_nav_bar - Flutter
I am currently using persistent_bottom_nav_bar: ^4.0.2 and rflutter_alert but the problem is when I call Navigator.of(context).pop(); I always get this error:
FlutterError (This widget has been unmounted, so the State no longer has a context (and…

wahyu
- 1,679
- 5
- 35
- 73
2
votes
0 answers
How to Route to a specific page in bottom navigation bar?
I have 4 pages in bottom navigation bar. I am facing a problem related to route that i want to route to a specific page in bottom navigation bar from another page?
e.g I am going to login page and post successful login I want to route user to…

Ashwani Bhardwaj
- 67
- 1
- 11
2
votes
1 answer
how to pass data between two pages in flutter using bottom navigation bar
i'm new in flutter world. i'm using bottom navigation bar but i don't have idea how to pass data from bottom navigation bar page to homepage since homepage is expecting 1 parameter. i'm passing data between other pages but i couldn't find a way to…

Saqib Sattar
- 31
- 5
2
votes
0 answers
How to update the index of Bottom Navigation Bar ? - Flutter
I want to update the current index of the BottomNavigation Bar by ValueNotifier or anything instead of . and I don't need to wrap the bottom bar by Scaffold , because when I did it , the home screen didn't load . And I jsut updated the current index…

Mo7ammed 7amad
- 67
- 6
2
votes
2 answers
flutter: how to add padding to bottom navigation bar items so the items stay farther away from each other
ok so I have a bottom navigation bar with a floating action button as shown below:
now because I have the floating action button I want the profile and home icons to stay farther away from my button. if I add padding to the icon, the labels won't…

Kimiya Zargari
- 324
- 1
- 14
2
votes
1 answer
Change the background color of the entire bottom navigation bar depending on item selected in Flutter when type is fixed
I'm creating this app, and I added a bottom navigation bar, and everything is working just fine, except the background color. I would like the background to change depending which item has been selected. It works just fine when I use type:…

cubanGuy
- 1,226
- 3
- 26
- 48
2
votes
1 answer
How to remove Header from webview flutter and add underline in bottom navigation icon
I am unable to remove header from web view flutter .Is there a way to remove header of webview website and apply app header to web view such that website header is removed and our app bar as a header is shown on app.
I want to add yellow …

prabal gupta
- 31
- 7
2
votes
2 answers
How we can have different appbar for each BottomNavigation Screen in Flutter
I am working on an app where I need to have differnt appbar for every Screen based on BottomNavigation Buttons.
But in my case I have only the main Appbar or in some screens I am having double appbars.
I tried Appbar==false technique using…

Farhan Aslam
- 51
- 1
- 2