Stack Overflow
Stack Overflow

Questions tagged [flutter-appbar]

For questions relating to the AppBar class of flutter material or related designs. Use this tag in combination with the general [flutter] tag. If your question applies to Flutter more generally, use the [flutter] tag only.

An app bar consists of a toolbar and potentially other widgets, such as a TabBar and a FlexibleSpaceBar. App bars typically expose one or more common actions with IconButtons which are optionally followed by a PopupMenuButton for less common operations (sometimes called the "overflow menu").

App bars are typically used in the Scaffold.appBar property, which places the app bar as a fixed-height widget at the top of the screen. For a scrollable app bar, see SliverAppBar, which embeds an AppBar in a sliver for use in a CustomScrollView.

215 questions
0
votes
1 answer

Adding Sub Title to AppBar in Scaffold

In my flutter app I have page with search functionality. It brings me some data from API server with bloc pattern implementation. Now I need to add sub title with text "Recent Searches". While trying to add it overlays my "Enter text to search"…
Vitali
  • 341
  • 1
  • 5
  • 19
0
votes
2 answers

how can i navigate between icons in the appBar on flutter?

I am new flutter developer and I would like to browse among these icons in app bar,Any idea? tmy.png
Thales Albert0
  • 91
  • 1
  • 9
0
votes
1 answer

Flutter Add page specific app bar actions

So i have a main page with scaffold, app bar and drawer. My question is is there a way to add specific app bar actions from the child pages? Or do i have to add them all and conditionally show/hide them on the main page?
pavlos
  • 547
  • 1
  • 9
  • 23
0
votes
1 answer

flutter : different action button for different tabbar

Have existing code gallery app in which gallery Screen have two tab bar Image tab and Video tab. In both image tab screen and video tab screen have have separate bottom navigation bar. Bottom Navigation bar have basically select and share…
Noorus Khan
  • 1,342
  • 3
  • 15
  • 33
0
votes
1 answer

Flutter subclass Scaffold so I can ensure a Drawer and BottomNavigationBar are always present

I have a Flutter app with sections that I can access from both a BottomNavigationBar and a Drawer. I have this working in a Scaffold at the root level of my app, and I then use Navigator widgets to create separate routes and stacks within each…
Lee Probert
  • 10,308
  • 8
  • 43
  • 70
0
votes
1 answer

Keep color of appBar when Overview button is pressed

I finish my app, but this is something that I don't find answer. I want to keep the color of appBar when Overview button (android right button - image 1) is pressed. In my app it changes to a different blue. How can I define this color? Already…
Marcelo Bruzetti
  • 96
  • 9
0
votes
1 answer

Flutter: Collapsing AppBar using NestedScrollView

I already implemented NestedScrollView and this is my result. Before Scrolled: After Scrolled: The question are: In the Before Scrolled section, how to make the default Live Button is in the center of AppBar? In the After Scrolled section, when…
R Rifa Fauzi Komara
  • 1,915
  • 6
  • 27
  • 54
0
votes
2 answers

Flutter: set appbar custom title height

In App bar i added search widget like this: return Scaffold( appBar: AppBar( title: Container( margin: EdgeInsets.only(top: 30), decoration: BoxDecoration( color: Color.fromARGB(50, 255, 255, 255), borderRadius:…
Cyrus the Great
  • 5,145
  • 5
  • 68
  • 149
0
votes
2 answers

why flutter BottomNavigationBar changes the icon but does not change the page?

Im new to coding and flutter and I have been trying to make my bottomNavigationBar change pages from home page to chatroom but what ever I try is not working , I watched many videos but their bottomNavigationBar is inside their body and when I apply…
Mostafa Ghorbani
  • 397
  • 1
  • 3
  • 15
0
votes
3 answers

How do I align these widgets?

I am making a practice app in flutter and stuck on this: How can i align widgets such that; 1. An icon stays at extreme left of appbar 2. Text widget stays in middle. 3. button stays at extreme right of appbar. here is the image for what i am…
Chiragjot Singh
  • 27
  • 4
0
votes
1 answer

Collapsable AppBar with Search in fliutter

I want to achieve something like this using a SliverAppBar with a TextField inside for my search. When users scroll up, the TextField should scroll up pinning itself to the appBar. However, I have been unable to achieve this. This is my…
bensofter
  • 760
  • 1
  • 14
  • 27
0
votes
1 answer

Flutter: Custom Appbar, Floating Action Button and BottomSheet in Master-Detail Layout

I'm working on an app, that uses a Master-Detail-Layout. So far I'm using two Scaffolds in an Row. The left side of the layout is wrapped in a Scaffold and the right side is also wrapped in a Scaffold. But it's probably not the best solution. If I'm…
Frederik
  • 1,221
  • 2
  • 13
  • 22
0
votes
1 answer

Alignment Issue Appbar

How can I place the name closer to the "Welcome Back" text? I've tried to do this with centerTitle: true, and textAlign: TextAlign.center but no luck so far? What am I missing out on? return new Scaffold( appBar: new AppBar( …
Time Duinen
  • 95
  • 1
  • 10
0
votes
1 answer

In flutter, can you set the appbar backgorund to change base on the value of a dropdown box?

my drop down box cycles through 5 strings ['blue','red','yellow','orange','grey'] I want my appbar title to be that dropdown box and for the value in the dropdown to determine the appbar color DropDownWidget ddw = DropDownWidget(); var color = { …
Cdlrrcb
  • 3
  • 1
  • 3
0
votes
1 answer

How to maintain state of pages in TabBarView in Flutter?

I have used TabBarView as my page holder for BottomNavigationBar instead of Indexed stack. But this does refresh the page every time tab is changed. The state is not maintained. What to do?
Cipher
  • 391
  • 1
  • 4
  • 11
1 2 3
…
14 15