Stack Overflow
Stack Overflow

Questions tagged [flutter-bottomnavigation]

281 questions
32
votes
2 answers

How to use image icon (from assets) instead of IconData and pagination bottomNavigationBar in Flutter

I am using bottomNavigationBar in my flutter project I'm new in flutter and have I no idea about pagination and use assets image icons instead of iconData. I searched about it for the last 2 days but not got satisfaction. Please help me...... I used…
user10522232
17
votes
5 answers

Flutter bottomNavigator with indexed stack

Question regarding navigating between tabs using indexed stack to display relevant page. I'm doing this in order to keep scroll/state of pages. This works fine. I can change the current page displayed by clicking tab - and can also navigate inside…
tsahnar
  • 254
  • 2
  • 12
16
votes
3 answers

How to style BottomNavigationBarItem label

In my application I have a BottomNavigationBar. I am implementing multi navigation with bottom navigation bar as shown here; https://medium.com/coding-with-flutter/flutter-case-study-multiple-navigators-with-bottomnavigationbar-90eb6caa6dbf I have…
Janaka
  • 2,505
  • 4
  • 33
  • 57
9
votes
4 answers

Flutter circular ripple effect: How to build beautiful material BottomNavigationBar

As the Google stadia app is made with flutter I was wondering how they achieved the much more beautiful ripple animation on their BottomNavigationBar. Example: How did they achieve the custom ripple animation? Edit: Simple custom…
David Peters
  • 849
  • 1
  • 9
  • 12
8
votes
3 answers

Flutter - Multi Page Navigation using bottom navigation bar icons

I'm trying to navigate to different pages within my app using the icons in my bottom navigation bar. I have tried many tutorials and can't seem to work out the best way to achieve this. I have created my Homepage (code below) and 2 additional pages,…
TJMitch95
  • 421
  • 3
  • 7
  • 23
8
votes
4 answers

How to disable the behavior Bottom Navigation Bar goes up with keyboard in flutter

In my app, I have a search page and when I click on the search text field bottom navigation bar also moves up with the keyboard where it supposed to be hidden under the keyboard. Because while the keyboard is showing I can navigate to other pages…
Azeem Muzammil
  • 262
  • 1
  • 3
  • 14
5
votes
2 answers

Flutter bottom Navigation bar with Routes

I want to navigate through pages using routes and Navigator.pushNamed() on a Bottom Navigation Bar. Here, I'm using a FlashyTab bar for aesthetics. To be more specific, pressing each of the icons on the navigation bar should take me to a different…
Nehal Hosalikar
  • 59
  • 1
  • 7
5
votes
3 answers

How to change bgcolor of space below bottom navigation in Flutter

When using Gestures for Navigation, how can I change the background color of the area beneath bottom Navigation.
Suman Baul
  • 133
  • 1
  • 11
4
votes
3 answers

how to place ads below or above BottomNavigationBar in Flutter

I want to place google_mobile_ads Banner Ad just above or below the BottomNavigationBar in Flutter. I tried to place the BottomNavigationBar in Container ad add Margin, but there is no option to add 2 children inside the Container. I tried to add a…
Purna Satya
  • 153
  • 1
  • 11
4
votes
5 answers

Multi-line title in BottomNavigationBarItem

I am using BottomNavigationBarItem to display items in my BottomBar. Now my Problem is, that the content of my title is too long and is not properly displayed. See here: Is there a canonical alternative on how to fix it? Or do I have to build my…
progNewbie
  • 4,362
  • 9
  • 48
  • 107
4
votes
1 answer

How to curve Bottom Navigation bar corners without affecting the content in the background? Flutter

I have created a Custom Bottom Navigation Bar with flutter. But I can still see white color filling the background behind the curved corners. I want to see the background content. This is how the bottom nav bar looks like. As you can see, the…
Haritha Madhushanka
  • 199
  • 2
  • 15
4
votes
1 answer

Flutter Getx BottomNavigation with GetPage

I'm using getx navigation with page binding - for example: GetPage( name: Routes.pageone, page: () => PageOne(), binding: PageOneBinding(), ), GetPage( name: Routes.pagetwo, page: () => PageTwo(), binding: PageTwoBinding(), ), GetPage( …
Jaebi
  • 121
  • 1
  • 6
4
votes
2 answers

How to get gradient bottom navigation tab in flutter?

There is a package on pub https://pub.dev/packages/gradient_bottom_navigation_bar but this is not updated for a very long time. So, is there a way to create own custom navigation bar with a gradient effect? something like this...
Chirag Chopra
  • 132
  • 1
  • 7
3
votes
0 answers

How to blend the Flutter bottom navigation bar with the system navigation space at the bottom

I'm building a flutter app and I used the BottomNavigationBar widget everything seems to work fine but the color of the Navigation bar is not blending with the device navigation space. (The place where the home button recides). Below is something…
Rajender Katkuri
  • 98
  • 4
3
votes
3 answers

How should I change currentIndex property of BottomNavigationBar on Navigating to another screen?

I have a bottom navigation bar widget for my Flutter app. On tapping specific item it is navigating to another screen. However, I don't know how to update current index in this case so that selected tab gets highlighted. Here is my code: …
enggPS
  • 686
  • 1
  • 7
  • 23
1
2 3
…
18 19