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…
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…
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…
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…
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…
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…
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?
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…
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:…