Questions tagged [flutter-bottomnavigation]
281 questions
1
vote
1 answer
Align Icon Vertically Centered in a Row: Flutter
I am developing a bottom navigation bar which hides upon scrolling up, but I'm unable to achieve the desired result. I have 2 containers with different widgets to handle the separately. In first containers, there are 2 text widgets with a slider and…

Noor
- 193
- 1
- 2
- 15
1
vote
1 answer
Navigation within Tab view body Flutter
The app contains TabBar as well as BottomNavigationBar.
When I tried to navigate within the body of tab bar view it navigates full screen.
This is the result I am trying to get when clicked on button-
Expected Result
But I am getting this
Current…

Harshit Jain
- 51
- 1
- 1
- 6
1
vote
2 answers
Change tab on BottomNavigationBar Flutter programmatically and without using onTap of BottomNavigationBar?
I am working on a flutter application where I need to redirect to the first screen on BottomNavigationBar when the user presses back from any other screen of the remaining BottomNavigationBar screens. For now, I have added redirecting event on a…

Kishan sharma
- 701
- 1
- 6
- 20
1
vote
0 answers
Problem with BottomNavigationTab in Flutter - refreshing widgets other than the selected tab
i have some problems when i coded basic layout namely, I found that when I choose a card two indexes away, a notification is displayed in the console, which in each of the tabs in the function at the start of a given widget, I wrote, instead of…

Patryk Zając
- 11
- 1
1
vote
1 answer
Flutter Bottom Navigation Bar: First item is bigger than the rest
[Here is the Screenshot:https://i.stack.imgur.com/V2BnH.png][1]
I'm no expert in Flutter so i created this Bottom Nav Bar with 5 icons. The problem is, that somehow the first icon on the very left side is slightly bigger than the other ones.…

Berkin
- 419
- 1
- 7
- 15
1
vote
0 answers
When I press on Search Icon, the app "rebuilds" itselfs. How to prevent that
I am using a bottom navigation bar with 3 pages. One of them (HomePage) has a search icon. Every time I pressed on it, the keyboard appears for barely one second, then disappears and the app rebuilds itself. I tried other solutions online such as…

cprogrammer
- 17
- 3
1
vote
1 answer
Weird block of color in navigation bar with certain colors in Flutter
When I use colors like black87 (first image) or black54, I get a weird line one the nav bar, it doesn't happen with other colors. Also, when I set it to transparent, it just looks the same as the true black version (image 4).
Examples:
Part of…

Mina
- 315
- 1
- 5
- 16
1
vote
3 answers
Flutter Bottom Navigation Bar default page after open the app
How can i set HomePage() as my default page after i get into my app ? My app design put the Home Button in the middle of Bottom NavBar.
The Bottom NavBar was fine, it works well and start from the middle, but the page always starts from the…

Makayasa
- 51
- 4
1
vote
2 answers
Flutter How To Properly Handle Logout
I have two problems with logout. First one is when I logout and click back btn from login screen, it goes back to home screen again. I am using Navigator.of(context).pushAndRemoveUntil() but still this issue. Second problem is that the bottom…

Davrick
- 301
- 1
- 4
- 13
1
vote
1 answer
Flutter permanently hide bottom android navigation bar (status bar)
I'm trying to hide my android default navigation bar. I'm using SystemChrome on my main.dart :
void main() async {
SystemChrome.setEnabledSystemUIOverlays([SystemUiOverlay.top]);
...
But whenever I'm touching my screen the navigation bar…

genericUser
- 4,417
- 1
- 28
- 73
1
vote
0 answers
Flutter - Using BottomNavigationBar and Drawer together
I am using BottomNavigationBar for 3 (A, B, C) screens and Drawer for 6 (A, B, C, D, E, F) screens.
When I first log in, the BottomNavigationBar widget is called, so it displays the first screen (A) with BottomNavigationBar. I am able to navigate to…

Sneha Singh
- 143
- 1
- 14
1
vote
1 answer
How to make Modal Bottom Sheet elevated equally with Bottom App Bar in Flutter?
So, I am a new Flutter Developer and currently trying to make my own flutter app without any tutorial. I am confused with the elevation of the Modal Bottom Sheet and Bottom App Bar. I want both of the widgets to be elevated equally. Currently, my…

Renaldi Arlin
- 51
- 2
- 8
1
vote
1 answer
Flutter Firebase Authentication Signout activity
On user signout, how to detect signout activity and reload botton navigation bar and pages in flutter with firebase authentication?

Ramesh Kumar
- 147
- 14
1
vote
1 answer
Flutter Navigator v2.0 how to pop a child nested route
I've been trying flutter new declarative Navigator v2.0, following this
johnpryan example, I've decide to change FlatButton pop() in the BookDetailsScreen:
class BookDetailsScreen extends StatelessWidget {
@override
Widget build(BuildContext…

Jonas Cerqueira
- 160
- 2
- 8
1
vote
1 answer
Scrolling issue with GoogleMap widget in BottomNaviationBar with PageView for persisting state
@override
Widget build(BuildContext context) {
return Scaffold(
body: PageView(
children: _children,
controller: pageController,
onPageChanged: onPageChanged,
),
bottomNavigationBar:…

Akash Deodhar
- 58
- 7