Stack Overflow
Stack Overflow

Questions tagged [flutter-bottomnavigation]

281 questions
3
votes
0 answers

Persistent Bottom Navigation Bar does not work with named routes

I'm new to flutter and I'm trying to implement a persistent bottom navigation bar with the "persistent_bottom_nav_bar 4.0.2" plugin. The issue I'm running into is, that I have to declare my AppBar in the page that implements the bottom bar, since…
ping pong
  • 225
  • 6
  • 16
3
votes
1 answer

How to place flutter BottomNavigationBar in left side in landscape mode?

Expected View: I need to place flutter BottomNavigationBar in left side of the screen in landscape mode. If this is impossible to do, please mention another alternative way if you know.
Chanaka N. Bandara
  • 247
  • 1
  • 3
  • 10
3
votes
5 answers

"'!_needsLayout': is not true" error in Flutter when changing between screens with BottomNavigationBar

I have a Scaffold with BottomNavigationBar: class Home extends StatefulWidget { @override _HomeState createState() => _HomeState(); } class _HomeState extends State { int _currentIndex = 0; final List _children = [ const…
Karp
  • 431
  • 1
  • 6
  • 16
3
votes
3 answers

Dynamic Bottom Navigation Bar from list Flutter

How to make a bottom navbar which the bottom navbar item get data from list? bottom navbar example from flutter documentation bottomNavigationBar: BottomNavigationBar( items: const [ BottomNavigationBarItem( …
Soveyyy
  • 274
  • 4
  • 17
3
votes
2 answers

how to disable a pop up / toast after long press on bottom navigation bar item in Flutter?

if I long press on an item of my bottom navigation bar item, then it will show a popup / toast with the title of its item ( that inbox popup on the image above). I want to disable that behavior, how to do that? this is my current bottom nav…
Alexa289
  • 8,089
  • 10
  • 74
  • 178
3
votes
6 answers

How can I remove label from bottom navigation bar in flutter so I can center horizontally my add button?

can someone help me with this problem. The only solution i have currently found, is to set both showSelectedLabels and showUnselecedLabels to false. However this will remove all the labels, but i only want to remove the label of the add button. If I…
ellen100311
  • 67
  • 1
  • 6
3
votes
1 answer

Flutter: Bottom Navigation bar with nested navigation and Restoring the Root page when tabs are changed

I am new to Flutter development. And I have been going through multiple tutorials to understand the Bottom Navigation bar. I have tried these tutorials but I am not able to achieve the requirement that I have. Tutorials I have…
AkshayT
  • 2,901
  • 2
  • 28
  • 32
3
votes
3 answers

Bottom Navigation Bar disappears when I navigate to other pages by clicking on Flat Button inside Scaffold

class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( debugShowCheckedModeBanner: false, home: MyNavigationBar(), ); …
Bilal Ahmad
  • 83
  • 2
  • 8
3
votes
2 answers

Circle background with navigation bar item's active state flutter

I just implemented a bottom bar navigation in my flutter app. However, I needed to do one last thing. I want to add a cicle background to show along side Asset Icon when active. I don't know how to go about it as I need some help. For now, my code…
custom apps
  • 413
  • 1
  • 8
  • 19
3
votes
1 answer

Force Reload page in CupertinoTabView in Flutter

When user taps on an item in CupertinoTabView, I want to reload the page everytime. Right now, it loads only for the first time. Next time onwards it just displays the previous state. I want to force reload it. For example, when user taps on…
Rakesh
  • 1,205
  • 1
  • 14
  • 33
3
votes
0 answers

Make multiple scaffold with single Tabs bar

I am building a flutter app where the user requirement is to build 3 tabs with each tab having custom AppBar which implies to have multiple Scaffolds in each view. So I have main.dart, screen.dart, account.dart and post.dart 3 tabs => Screen,…
neerav94
  • 429
  • 1
  • 8
  • 15
2
votes
1 answer

Creating a custom-shaped bottom navigation bar in Flutter

I'm currently working on a Flutter project and need assistance with creating a custom-shaped bottom navigation bar. I want to achieve a unique visual design for the bottom navigation bar in my app. To provide clarity, I have attached a screenshot of…
Hudaif
  • 21
  • 4
2
votes
2 answers

Flutter why is Navigator changing colour of Scaffold beneath transparent Widget

Q) Why in this DartPad is the transparent page not showing solid blue like the BottomNavigationBar, which is also transparent? Edit: This is just to illustrate the problem that is occurring on my iOS device + simulator. Edit2: This was working fine…
Dave
  • 5,283
  • 7
  • 44
  • 66
2
votes
1 answer

Flutter, how to programatically change index of BottomNavigationBar from another file?

I want to change my BottomNavigationBar's selected index from one of its items but that item is implemented in a different .dart file and is a separate StatefulWidget. My BottomNavigationBar (navbar.dart): class NavbarRouter extends StatefulWidget…
aoiTenshi
  • 547
  • 1
  • 6
  • 20
2
votes
2 answers

Flutter - BottomNavigationBar - SizedBox() Issue

I'm new to flutter development. I've been trying to add SizedBox() but I'm getting the following Error at compile time The argument type 'SizedBox' can't be assigned to the parameter type 'String?'. Parameter text[No errors were shown with…
Earthling
  • 83
  • 3
  • 13
1
2
3
…
18 19