Stack Overflow
Stack Overflow

Questions tagged [flutter-bottomnavigation]

281 questions
0
votes
0 answers

One small widget controlled by BottomNavigationBar

I'm trying to create a red area on top of each icon in the BottomNavigationBar, and when I click on another icon to switch tabs, this red area will move accordingly like this from to You can see something like this when using some app like…
Dawn
  • 1
0
votes
2 answers

BottomNavigationBar set up But No Change of State

Using the code below I set up a BottomNavigationBar widget for testing in Flutter. import 'package:flutter/material.dart'; class Thursday20 extends StatefulWidget { const Thursday20({super.key}); @override State createState()…
mathems32
  • 115
  • 9
0
votes
1 answer

Flutter Bottom navigation bar issue

I have a problem with my Bottom Navigation bar in flutter. Specifically the property: unselectedItemColor is not working I have tried to set the color to red but I does not work as expected. Find my code below: bottomNavigationBar:…
Bruno Ganontha Payang
  • 5
  • 3
0
votes
0 answers

How to make animated notch bottom bar in flutter?

I'm looking for this kind of animation in flutter: https://dribbble.com/shots/4844696-Tab-bar-interaction-with-animated-icons Original React native solution: https://www.npmjs.com/package/@mindinventory/react-native-tab-bar-interaction Does anyone…
david01g
  • 1
  • 1
0
votes
2 answers

I am trying to figure out how to display active tab in my bottom navigation bar. I am using Flutter GNav

Here is my code. It is successfully changing screens but the active tab is not changing. Any help? I would like that if the for example it click on profile it will automatically show that the profile tab is active. class BottomNavBar extends…
Charles Angelo Lim
  • 1
  • 1
0
votes
1 answer

How can I make this navigation bar?

I can use the animated bottom navigation bar package, but this package receives a list of iconData, but I want to use the svg file. I can use the animated bottom navigation bar package, but this package receives a list of iconData, but I want to use…
parham bk
  • 1
0
votes
1 answer

Flutter bottomNavigationBar error 'Page value is only available after content dimensions are established.'

I have a problem with my bottomNavigationBar in Flutter. When i add a bottomNavigationBar before page loaded i get this error. bottomNavigationBar: _buildnavigationBar()
Cihan Kalmaz
  • 715
  • 1
  • 5
  • 19
0
votes
0 answers

How to fix the bottom navigation bar on all screens. Flutter

tell me how to create a bottom nav bar that will be displayed on all screens? I tried persistent_bottom_nav_bar, but I do not know how to set my design, I also used cupertino tabbar, but it also does not allow me to create my own design. I need to…
Ivan Kozlov
  • 1
0
votes
1 answer

Custom BackButton in AppBar is Shown Even When the Screen Cannot Pop

I'm facing an issue with adding a custom leading back button to AppBar. Adding the button was the easy part, but when I added it, it was displayed all the time. It does not matter if there is a screen to go back to or not, it shows the custom back…
ASAD HAMEED
  • 2,296
  • 1
  • 20
  • 36
0
votes
2 answers

Selected Item Colour does not changed according the Theme Dark/Light

I'm trying to change the colour of the item selected in the bottom menu bar according to the theme chosen (dark/light). For example, I want to have the icon selected in 'black' when the chosen theme is 'Light', and in the other way around, having…
Jacques
  • 1
  • 2
0
votes
0 answers

I want to add pointer to active bottomnavigationbar item

I am trying to make bottomnavigationbar like this, BottomNavigationBar But I am not able to add that white pointer, it's not getting stick to bottom. I've tried stack and column. facing issues to give fix bottom position to my active item…
iamSahil
  • 1
  • 2
0
votes
1 answer

how to make border of Bottom app bar or navigation bar go under the only selected item in Flutter?

I tried to find something like this but I could not found anything
Prem Panchal
  • 41
  • 3
0
votes
2 answers

Bottom nav bar is not getting transparent in flutter

My implementation of bottom nav bar in flutter is not getting transparent when I am using Colors.red.withOpacity(0.2), I am applying transparency to my nav bar because later I want to use backdrop filter to apply guassion blurr on it. However it is…
Taha Malik
  • 5
  • 5
0
votes
0 answers

Flutter- How do I archive this center curve of the plus icon using canvas?

. How does this different shape centre the bottom bar menu icon also I want to create a tab change animation as you show in the attached image. I want UI to be the same as the attached image Thank you
Chirag Prajapat
  • 91
  • 7
0
votes
1 answer

I have problem with bottom appbar customizing

I want to make this bottom appbar. but what I made is the shape like this. now when I try to give padding from left and right to make it look like the first image it gets wrong.you can see the picture after adding padding: class Test2 extends…
amirreza ghabeli
  • 27
  • 8
1 2 3
…
18 19