Stack Overflow
Stack Overflow

Questions tagged [bottomappbar]

29 questions
17
votes
2 answers

BottomNavigationView inside a BottomAppBar with transparent background

I have been combining the new(ish) Material BottomAppBar with a standard BottomNavigationView. My xml is like this:
Vin Norman
  • 2,749
  • 1
  • 22
  • 33
10
votes
3 answers

How to make custom Bottom Navigation Bar in Flutter

I have a design of Bottom Navigation Bar like this: I try my best to create custom of Bottom Navigation Bar with this code: class FABBottomAppBarItem { FABBottomAppBarItem({this.iconData, this.text}); IconData iconData; String text; } class…
R Rifa Fauzi Komara
  • 1,915
  • 6
  • 27
  • 54
7
votes
1 answer

How to add rounded corners to BottomAppBar with CircularNotchedRectangle in Flutter

I want to create BottomAppBar with rounded corners, circular notched rectangle and material shadow. The problem is that when I add rounded corners to BottomAppBar by wrapping it with ClipRRect widget I lose material shadow. BottomAppBar without…
Da Artagnan
  • 1,109
  • 3
  • 17
  • 26
6
votes
0 answers

How to get the padding to change on the FAB when docked on bottom app bar?

The problem is that when the FAB is docked onto the BottomAppBar, and then the keyboard is called, the FAB padding resize doesn't correctly align above the keyboard for the user to press. Here is what is actually occurring... A quick example of the…
Tom O'Sullivan
  • 3,416
  • 5
  • 15
  • 27
4
votes
2 answers

How to BottomAppBar backgroundColor transparent

I want the BottomAppBar to be transparent and show what's going on，so here's my code. class BottomTabNavigation extends StatefulWidget { @override _BottomTabNavigationState createState() => _BottomTabNavigationState(); } class…
李少颖
  • 43
  • 3
2
votes
2 answers

Is there a way to exclude a BottomAppBar from animations in Flutter?

I tried to wrap it in a Hero widget, as that should achieve what I want. This works with BottomNavigationBar, but not with BottomAppBar, which gives this error: Scaffold.geometryOf() called with a context that does not contain a Scaffold. I tried to…
Sarunas Djacenko
  • 21
  • 2
1
vote
1 answer

Material 3 BottomAppBar Support Flutter

I am using material3: true in ThemeData Scaffold( appBar: AppBar(title: const Text('Bottom App Bar')), floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked, floatingActionButton:…
Balaji
  • 1,773
  • 1
  • 17
  • 30
1
vote
0 answers

Body extending behind the bottomappbar, how to prevent it?

In my flutter app, i have a bottom app bar. when i scroll, the body goes behind the bottom app bar. I don't want this behavior. Is there any way to to show the app body always on the top of the bottom app bar?
John
  • 133
  • 1
  • 6
1
vote
1 answer

How can I blur background for bottomappbar ?android/kotlin

How can I blur background for bottomappbar on android/kotlin I made the background color transparent, but I want it to be blurry like this
Mohammad Javad Habibpour
  • 59
  • 1
  • 6
1
vote
0 answers

Trying to embed a TextField or TextFormField within a BottomAppBar

I'm trying to build a BottomAppBar which contains a few icons (two on the left and another two on the right), and I'd like to add a Text input field in between them but whatever I try, it doesn't work. Code compiles fine but when opening the page…
ChrisFNZ
  • 597
  • 1
  • 4
  • 21
1
vote
1 answer

Android: Upgrading material:1.0.0 library causing problems with BottomAppBar

I'm upgrading com.google.android.material:material:1.0.0 TO com.google.android.material:material:1.1.0 (or higher), to be able to use the Badge feature. When I change the material:1.0.0 version to material:1.1.0 I get the following error: FATAL…
ZP007
  • 582
  • 7
  • 12
1
vote
1 answer

Hide both BottomAppBar (in Activity) and Appbarlayout(in fragment) when recyclerview is scrolled

I'm using BottomAppbar (in Activity) and Appbarlayout(in fragment) I want to hide both when recycler view is scrolled. Right now only above toolbar in AppbarLayout in hiding. activity_main.xml
Syed Umair
  • 1,480
  • 1
  • 13
  • 14
1
vote
2 answers

Flutter Persistent Bottom App Bar to Display Text Only (no nav)

my two page Flutter app needs a persistent bottom app bar, just to display up to a few lines of text, no navigation. Also, this bottom section should not overlap any content; rather constrain it, like the top app bar. suggestions appreciated.…
codeName
  • 111
  • 1
  • 9
1
vote
0 answers

Android Bottom Appbar Fab transition animation disappears when replacing the menu or using setSupportActionBar()

I'm using BottomAppBar with Floating Action Button, when ever i navigate between two fragments using Floating Action Button and use bottomAppbar.replaceMenu() or use setSupportActionBar(bottomAppbar) the animation of the Floating Action…
Soheib Bettahar
  • 31
  • 4
1
vote
2 answers

How to bottom app bar background color in kitkat

I trying to set bottom app bar background color to transparent. But in kitkat, bottom app bar background color is not assigned properly. In kitkat, bottom app bar background is colored as kind of white. How to set bottom app bar background color as…
Junburg
  • 350
  • 5
  • 23
1
2