Stack Overflow
Stack Overflow

Questions tagged [flutter-bottomnavigation]

281 questions
1
vote
1 answer

how do i hide the bottom nav bar?

Using persistent_bottom_nav_bar: ^5.0.2, how do I detect that the user is scrolling on a list views of items on connection_view.dart page from bottom_nav_bar.dart page? So if it detects, I want the bottom_nav_bar to be hidden when user scrolls…
wuuyungwuu
  • 83
  • 13
1
vote
1 answer

how to hide bottom nav bar when user is scrolling

I am using persistent_bottom_nav_bar: ^5.0.2 and how do i hide the bottom nav bar when is scrolling down a list view of chats and when the user scrolls up, it will come back up.
wuuyungwuu
  • 83
  • 13
1
vote
1 answer

Persistent Navigation Bar Error in Flutter

I am new to flutter and wanted to add a persistent navigation bar that will contain 4 icons leading to 3 different pages with icon-1 as the default home screen. The code is attached below. The version of the Persistent Bottom Nav Bar I am using is…
Sanjay Kumar Parida
  • 11
  • 1
  • 3
1
vote
1 answer

Flutter SolidBottomSheet remove white edges

Using this package I can't seem to remove white space. The problem is that this package doesn't use show Modal Bottom Sheet. bottomNavigationBar: SolidBottomSheet( controller: _controller, draggableBody: false, headerBar:…
user19717894
1
vote
2 answers

Flutter, I get an error when using CupertinoTabScaffold

CupertinoTabScaffold( tabBar: CupertinoTabBar( items: const [ BottomNavigationBarItem( icon: Icon(Icons.home), label: '', ), BottomNavigationBarItem( …
Ayz
  • 181
  • 1
  • 9
1
vote
2 answers

how to make bottomNav appears on screens that are not defined in it? (Flutter)

I've created a BottomNav that has 4 buttons and it navigates fine between them. But i want this BottomNav to be visible in all screens of the app (those screens that are not directly attached to the BottomNav). for example: my bottomNav has 4…
Roaa Koraiem
  • 15
  • 5
1
vote
0 answers

Using bottom navigation with individual Navigators but single AppBar

I am trying to create an app that has the following basic setup for navigation: tab1 -> subpage tab2 tab3 with a bottom navigation bar for switching between the tabs and each tab having its own navigation stack. Furthermore I would like to add an…
Mr. Meeseeks
  • 239
  • 3
  • 11
1
vote
1 answer

How to check whether a screen is already created on the stack in Flutter?

Let's say I have a Bottom Nav Bar as below, and I have used Navigator.pushNamed in in viewing those screens through onClick. What I want to know is rather than having the Navigator.pushNamed on each of the button clicks in the NavBar buttons to…
Damitha Neranjan
  • 21
  • 4
1
vote
0 answers

Flutter BottomNavigationBar with showModalBottomSheet like PayPal

I'm trying to build a bottom bar with center button like this: but I can't show the bottom sheet as expected. First try: showModalBottomSheet -> overlays bottomnavbar, tried adding margin with transparent background and no opacity but I can't tap…
Dennis
  • 372
  • 1
  • 2
  • 17
1
vote
1 answer

Design BottomNavigationBar in Flutter

This BottomNavigationBar I'm designing I have designed it this way but the middle icon is not being set. I have styled this icon, just put it as it is in the image. Here is my output My code return Scaffold( bottomNavigationBar:…
user12790690
1
vote
2 answers

Give Bottom navigation bar gradient color and notch transparent

I need to make the notch margin spacing (space between FAB's sides and bottomNavBar) transparent and give my bottomNavbar a gradient color like so : This works perfectly fine when I work with only a bottom appbar, but I need it to work with…
Islam TALBI
  • 137
  • 2
  • 12
1
vote
2 answers

Display BottomNavbar throughout the whole application instagram like

I have a homepage that includes an AppBar a bottomnavbar and a body to which I pass a list of widgets (pages) I want the navbar to navigate to when I click on its icons. I want to be able to display my bottomnavbar even in pages that are not…
Islam TALBI
  • 137
  • 2
  • 12
1
vote
0 answers

Return to the previous bottom nav bar [Flutter]

Hi what Im trying to do is when you press the certain tab in this case Wallet and when you press back it should return you to previous tab but instead it exits the app what is my best approach to solve this issue. I tried experimenting with on…
Vedo
  • 976
  • 4
  • 21
1
vote
1 answer

A hole in bottom nav bar with a fab inside it - flutter

With flutter, how can I create a hole inside the bottom nav bar and put the fab inside it, something like the image below I have tried wrapping the fab with padding, increase the top padding to move it down and increase the notch margin but the…
Rua'a
  • 41
  • 1
  • 5
1
vote
1 answer

How to move to a new pages using bottomnavigationbar in flutter?

I want to move to three new pages when using the three icons in the bottomNavigationBar in flutter (as per my code below). I tried several ways, but the code didn't work and wasn't able to figure it out yet as per my requirement. The most important…
Shehan Liyanaarachchi
  • 103
  • 3
  • 11
1 2 3
…
18 19