Questions tagged [flutter-bottomnavigation]
281 questions
1
vote
1 answer
How to change background color of bottomnavigationItem?
I tried following code but it does not working
BottomNavigationBarItem(
icon: SvgPicture.asset("assets/icons/tinpay3.svg"),
label: "TINPAY",
backgroundColor: Color.fromRGBO(255, 194, 44, 1.0),
)
I want…

Brutal
- 798
- 1
- 14
- 37
1
vote
1 answer
flutter fix bottom navigation bar in whole app
I want to use the bottom navigation bar in the whole of my app and in the bottom navigation set routed for all routes in my app.
first set bottom navigation -> then routed pages in each index.
but I don't know-how.
Does anyone know that how can I do…
user16886755
1
vote
0 answers
Flutter - Context is passed to only one of BottomNavigationBarItem
My app has a BottomNavigationBar with two BottomNavigationBarItem: HomePage() and UserPage().
main() runs App() and App() returns FutureBuilder to handle flutter initialization error and loading gif. Then it returns MaterialApp with first page being…

Younghak Jang
- 449
- 3
- 8
- 22
1
vote
1 answer
The argument type 'ImageIcon' can't be assigned to the parameter type 'IconData in TabItem
I am having an issue in tabitem, if i put ImageIcon then it shows an error "The argument type 'ImageIcon' can't be assigned to the parameter type 'IconData'." How to fix this issue because i want to add custom image icon?
bottomNavigationBar:…

Mohammed Nabil
- 662
- 1
- 8
- 36
1
vote
0 answers
Flutter BottomNavigator screens with data
I am using BottomNavigator in Flutter with four Screens. Two of the Screens have identical names but different data.
Everything works fine except when trying to get from one of the identically named screens to the other one. Is this to be expected?
…

sigjak
- 129
- 1
- 1
- 9
1
vote
1 answer
BottomNavigationBar with Flutter Getx
I have a problem with Getx with BottomNavigationBar. in the controller it updates the value but BottomNavigationBar current index set to that value updates only when I resave. I am getting this error: Exception caught by widgets library…

Sharofiddin Azizmatov
- 43
- 1
- 6
1
vote
1 answer
Using bottom navy bar flutter to navigate pages
I'm using this package to navigate via the bottom navigation bar, I did not understand how to manage to navigate between my screens. How can I navigate between my screens via bottom navigation bar icons?
import 'dart:async';
import 'dart:io';
import…

Taady
- 2,409
- 2
- 10
- 24
1
vote
1 answer
How to make bottomNavigationBar at the top of the screen in Flutter?
I Want to make a TopNavigationBar all tutorials that i seen is about bottomNavigationBar how i position it at the Top?
I Want to make it like this:

Amr El-Baroudy
- 31
- 3
1
vote
0 answers
Flutter BottomNavigationBar in all pages
I want to make this: https://medium.com/coding-with-flutter/flutter-case-study-multiple-navigators-with-bottomnavigationbar-90eb6caa6dbf. I'm working with Getx. First I have a screen called NavigatorPage, the controller is NavigatorController(). The…

user9378857
- 51
- 1
- 4
1
vote
0 answers
Flutter: Unable to go to login view from a persistent bottom nav bar based view
I have a persistent bottom nav bar based on this plugin.
The plugin allows building a page with few footer buttons and navigation etc. But, Once such a page has a logout button that must send the user back to Login view (outside of navbar) and I am…

Himadhar H
- 106
- 9
1
vote
0 answers
How to refresh state in the Bottom Navigation Bar
I'm using a IndexedStack for my BottomNavigationBar(BNB) and I want to refresh the state of the Screen whenever I press it. If I select Screen2 for example, I want to refresh the state again, at this point it is only storing current state and it…

GrandMagus
- 600
- 3
- 12
- 37
1
vote
0 answers
How to make a Persistent BottomAppBar?
I made a BottomAppbar and a FAB at the center of a screen. The BottomAppbar is working fine, moving by indexes but now I want to make it persistent across all screens whenever I navigate.
Here is the current code:
class BottomNavBar extends…

Usama Ashraf
- 11
- 2
1
vote
0 answers
How to add margin or padding in Flutter BottomNavigationBarItem
I have implemented a BottomNavigationBar. Each BottomNavigationBarItem has icon and label. I want to give margin or padding to each BottomNavigationBarItem separately.
BottomNavigationBarItem(
icon: Container(
padding: EdgeInsets.only(
…

Zain SMJ
- 1,492
- 7
- 19
- 33
1
vote
1 answer
Flutter Bottomtab Navigator How to Carry It to New Page?
How can i use my bottom tabs in A,B,C,D ? I created 4 extra pages for bottom tabs as you can see.Home,Search,Books,Messages and Profile.And i want to when i enter to "A" page my tabs are lost.How can i carry it to the pages ? What's the solution…

tahaandirmak
- 11
- 3
1
vote
1 answer
How to push a Route from inside the body of a scaffold with a bottomnavigationbar?
I have a MaterialApp in my main.dart within a Nav() Widget which contains a Scaffold with an appBar and a BottomNavigationBar. The NavigationBar has 4 BottomNavigationBarItems, but I have more Pages than 4 in my whole App. The other pages can be…

moboldi
- 51
- 1
- 8