Stack Overflow
Stack Overflow

Questions tagged [flutter-bottomnavigation]

281 questions
0
votes
1 answer

Flutter ClipRRect border radius not working on bottomNavigationBar

I am trying to recreate a floating navigation bar from my swift app in flutter. For some reason, using the code below, there is still no borderRadius in th UI. I've tried changing colors, making the container transparent, and even using a container…
Globe
  • 514
  • 3
  • 17
0
votes
0 answers

Flutter close drawer on back button press in bottom navigation bar

I'm building a flutter app with persistent bottom navigation bar that contains a menu button. The menu is supposed to open a drawer from any screen and trough the back button it should close it. For that I'm using a scaffold including the bottom…
Caspar Bm
  • 258
  • 4
  • 12
0
votes
1 answer

Dynamic BottomNavigationBarItems throwing error 'items.length >= 2': is not true

I want to create a dynamic BottomNavigationBar so that for each screen I can pass the icons/routes I need on that screen. My bottom.dart file looks like this: import 'package:flutter/material.dart'; class BottomBar extends StatefulWidget { final…
cwhisperer
  • 1,478
  • 1
  • 32
  • 63
0
votes
1 answer

separate the code of bottom navigation bar from the scaffold

I just need to separate the code of bottom navigation bar from the scaffold. But the issue is when i click another tab to switch to another page, there is a 7 seconds delay. The code of scaffold Is: Scaffold( extendBody: true, body:…
user16906111
0
votes
1 answer

how to get rid of white space around the custom bottom navBar flutter?

I created a custom bottom nave bar, but there is a white space still around it. How to get rid of it? also if I put a button inside a container in order to give it a height or width, the same issue will be found. The Image Is: The Code…
user16906111
0
votes
3 answers

Flutter - Bottom Navigation Bar does not work

I am trying to use the BottomNavigationBar in Flutter. It's working good. There is no error. But when I press the button on bottom navigation bar, there is no response. And also notice there is no comment about the bottom navigation bar in the …
M.Jehan
  • 1
  • 2
  • 2
0
votes
3 answers

How do i navigate to new pages using my bottom-navigation-bar?

I want to navigate to new pages using the bottom navigation bar. What are the possible ways to navigate to new pages using the bottom navigation bar with the code i have attached below. And in addition, i do not want the Bottom Navigation Bar in my…
Shehan Liyanaarachchi
  • 103
  • 3
  • 11
0
votes
1 answer

How to go back to previous screen by clicking on bottom navigation bar item in Flutter

I am using this library persistent_bottom_nav_bar to display bottom navigation bar even on navigating to new screen. Now there are two main pages Page1 and Page2, Page1 is using an icon of home where as Page2 is using an icon of search. In Page1…
Mohammed Nabil
  • 662
  • 1
  • 8
  • 36
0
votes
1 answer

How can i navigate to several new pages using the bottom navigation bar in flutter?

I want to navigate to several new pages using my bottom navigation bar in flutter. I tried several methods to achieve my requirement. But still neither of them worked out for me. I have attached my relevant entire source code below for a better…
Shehan Liyanaarachchi
  • 103
  • 3
  • 11
0
votes
2 answers

How to navigate through multiple pages in one part of the bottom navigation bar in flutter

I am trying to implement a design to a flutter app. how do I implement a flutter app that stays on that section of the navbar without going to another page entirely and it stacks on the navigation stack on top of each other so when I press back it…
Muyiwa
  • 27
  • 6
0
votes
1 answer

How to set BackGroundColor in BottomNavigationBarItem in flutter?

[enter image description here][1] Thats My Code how to add only selected BottomNavigationBarItem background color and size in flutter. I have add my Model Screen image in below.. any one plz help me bottomNavigationBar: BottomNavigationBar( …
Mari Selvan
  • 55
  • 1
  • 9
0
votes
2 answers

Change Background Color of Active Button Navigation Bar Item in Cupertino Tab Bar(Flutter)

I'm making an application wherein the active bottom navigation bar item needs to have a different background than the inactive ones. I tried wrapping it into activeicon header and leaving the label as null. But, I kept on having a line below that is…
Also James
  • 21
  • 4
0
votes
1 answer

Flutter make floating action stick to bottom nav bar

I have a flutter app with a bottom navigation bar that has two items and a floating action button that is placed at the center. In my body I have a textfield that I inted to use a search box. Each time I click on the textfield the floating action…
Kevnlan
  • 487
  • 2
  • 10
  • 31
0
votes
0 answers

Flutter - Update Scaffold Body from Different Tabs

On my main Home Tab, I will have a top TabBar under the AppBar & there will be a bottom navigation bar throughout the majority of the app. How can I update the body based on both tab areas? The goal would be if I am on the Home Tab, I can update the…
Luke Irvin
  • 1,179
  • 1
  • 20
  • 39
0
votes
1 answer

How can I achieve this type of custom Bottom Navigation Bar in Flutter?

I'm trying to create a bottom navigation bar exactly like the image below, using Flutter. What type of flutter package or custom navigation bar can be used to achieve this?
Oye
  • 73
  • 1
  • 8
1 2 3
…
18 19