Questions tagged [flutter-bottomnavigation]
281 questions
1
vote
1 answer
Summation problem in flutter is not working, How can I show the total income in navigation bar?
I want to sum the field (total income in January) of all document under the collection name ("januaryi").I tried a function that is not working. Is there any way to call function and show summation in bottom navigation bar.
Flutter…

Fatin Nibbrash Nakib
- 13
- 2
1
vote
3 answers
BottomNavigationBar overflowing in flutter
This is my code. Bottom navigation Bar overflowing by 12 and 26 pixels to be precise. Any Solutions?** Tried Every way. I also created my custom Bottom Navigation Bar widget and placed it below the Expanded widget. I'm getting the same…

Anantha Krishna
- 45
- 1
- 4
1
vote
2 answers
Flutter - How will you check from which screen you have clicked bottom navigation tab
I am trying to find how can I know from which screen user has clicked the bottom nav screen. Basically I have to send event from which screen user clicked on botton nav. I have 4 bottom nav.

vikas pandey
- 199
- 2
- 15
1
vote
1 answer
Flutter how to make bottomnavigationbar constant when moving from one activity to another
I have a page with bottomnavigationbar that route to 3 different pages on click on each icon. My code runs fine but I want the bottomnavigation to stick when routing from one page to another. Below is my code:
class Home extends StatefulWidget {
…

mideveloper
- 327
- 1
- 7
- 21
1
vote
4 answers
Flutter: How to reload page on bottomnavigationbar every time the page is visited
I have a bottomnavigation bar that navigates between 3 pages. It persists and keeps the state of each page. But I want the page to reload whenever I visit. Below is my code
class navigationPurchase extends StatefulWidget {
@override
…

mideveloper
- 327
- 1
- 7
- 21
1
vote
1 answer
How to Page Route In Bottom Navigation In Different File/Page
I want to add Bottom Navigation in my app but when I want to add this line
_children[_selectedIndex],
but how I add this line because I am in different file where I create a navigation but in home.dart file how I add this line in the body?
Home dart…

Muhammad Anus
- 320
- 4
- 14
1
vote
1 answer
Flutter BottomNavigationBar icon reduce on tap and return back normal size on release
I have standard Bottom Navigation. I already hide item titles and use type: BottomNavigationBarType.fixed to prevent default animation.
What I want is : BottomNavigationBar item icons got smaller on click and return back to normal size animatedly.…

hha trou
- 21
- 1
- 3
1
vote
2 answers
Flutter: How to remove the border of BottomNavigationBar?
I want to remove the line on the top of BottomNavigationBar so that the icons look part of the main screen.
But I can't find any ways to remove the border of bottomnavigationbar.
bottomNavigationBar: BottomNavigationBar(
onTap: onTabTapped,
…

Jun Dalisay
- 1,165
- 2
- 12
- 26
1
vote
1 answer
Is there a way to ClipPath around a BottomAppBar?
I am trying to clip the BottomNavigationBar with a CustomClipper.
Using a clipped BottomAppBar will only work correctly while the widget is in the body-section.
As soon as I put it in bottomNavigationBar-section, the content in the body behind the…

Steven Dz
- 89
- 5
1
vote
1 answer
The Flutter app crashes when navigating to the new screen by clicking the list item on the FancyBottomNavigation tab screen
I am rebuilding an application that has already been developed with native Android using Flutter. I'm new to Flutter and Dart. But, I staying in my previous UI with minimal changes. However, so far everything has been well done with browsing. So,…

SUDESH KUMARA
- 891
- 9
- 18
1
vote
2 answers
How to show bottomnavigation bar in all pages in flutter
I am creating an app which has bottomnavigation bar.In that bottomnavigation bar it has 5 items names namely profile,aboutus,home,notifications and cart. Each item names has its own page. Now question is i add a button in homepage and if i click on…

mohammed nabil
- 475
- 2
- 14
- 27
1
vote
1 answer
How to navigate BottomNavigationBar in another stateless widget
I have a BottomNavigationBar in a stateless widget. I'm using ViewModelProvider to control the tab change when onTap event. I have no issue navigating using the BottomNavigationBar, but I was unable to control the navigation bar from inside the…

Chun Lin
- 11
- 4
0
votes
0 answers
How to fix Flutter bottomnavigation routes so they will redirect to other screens?
I have bottom navigation implemented and I listed pages inside stateful widget class with list Widget as explained in official documentation. But on tap nothing is happening.
Did I miss anything? Sorry if the question is too obvious, here is my…

Elena Epshtein
- 87
- 1
- 8
0
votes
1 answer
flutter bottomsheet cover bottom navigation
i'm doing a project with google map. when i tap a circle on the google map, bottom sheet have to show. but when i do it with showModalBottomSheet, it covers bottomnavigationbar. and i don't want it. with showbottomsheet, i don't know how to close it…

jungeyonoh
- 3
- 2
0
votes
1 answer
How do i make bottomnavigation bar transparent?
I have set margin and border radius of my navigation bar. Now i want transparent color for the background of the navigation bar icon holder ( highlighted area - Picture attached below). How do i do it?
import…

MD Tangim haque
- 3
- 3