Stack Overflow
Stack Overflow

Questions tagged [appbar]

An application desktop toolbar (also called an appbar) is a window that is similar to the Windows taskbar.

It is anchored to an edge of the screen, and it typically contains buttons that give the user quick access to other applications and windows.

An app bar consists of a toolbar and potentially other widgets

source: http://msdn.microsoft.com/en-us/library/windows/desktop/cc144177(v=vs.85).aspx

499 questions
77
votes
4 answers

Removing the drop shadow from a Scaffold AppBar in Flutter?

Is there a way to remove the drop shadow under the app bar (AppBar class) when using a Scaffold widget in Flutter?
Matt S.
  • 6,261
  • 5
  • 24
  • 23
60
votes
8 answers

How do you do AppBar docking (to screen edge, like WinAmp) in WPF?

Is there any complete guidance on doing AppBar docking (such as locking to the screen edge) in WPF? I understand there are InterOp calls that need to be made, but I'm looking for either a proof of concept based on a simple WPF form, or a…
paulwhit
  • 8,109
  • 4
  • 26
  • 30
41
votes
11 answers

How to get AppBar height in Flutter?

How can I get the height of an AppBar in Flutter? I am using the MarialApp Widget ('package:flutter/material.dart'). I have the height of my Context and would like to deduct the height of the appbar. final double height =…
R2T8
  • 941
  • 2
  • 9
  • 12
36
votes
6 answers

How to change background color of TabBar without changing the AppBar in flutter?

How to change background color of TabBar without changing the AppBar? The TabBar does not have a background property, is there a workaround?
amater
  • 381
  • 1
  • 3
  • 9
30
votes
2 answers

Adding a Gradient Background to Appbar on Flutter

I want to make the background of the AppBar a gradient, How can i do it.
MietieMn
  • 329
  • 1
  • 4
  • 8
29
votes
7 answers

How to change Status Bar and App Bar color in Flutter?

I'm trying to change the color of the system status bar to black. The configuration seems to be overridden by the AppBar class. I can achieve what I want by assigning the theme: to ThemeData.dark() when creating the Material App, and then specifying…
8oh8
  • 1,019
  • 4
  • 18
  • 34
27
votes
7 answers

How can I have my AppBar in a separate file in Flutter while still having the Widgets show?

I am currently building a Flutter app that recommends restaurants around the area. However, I've gotten myself in quite the kerfuffle. I want my app to have the code for the AppBar separate from the code for each screen for the sake of organization…
Xavier Paolo Jamito
  • 383
  • 1
  • 3
  • 6
21
votes
6 answers

How to create a custom AppBar widget?

I'm new to flutter. I'm trying to create a custom appbar widget and importing the widget in pages. But I was unable to create the widget. import 'package:flutter/material.dart'; class AppBar extends StatelessWidget{ @override Widget…
KURRU HEM
  • 763
  • 3
  • 9
  • 19
21
votes
3 answers

How to make the Toolbar snap into view or out of view when using Google Design Library?

I am trying to achieve an effect like WhatsApp has, where the Toolbar (when scrolled) will clip into view magnetlike, or out of view magnetlike. What I have im my MainActivity XML: DrawerLayout - Base Layout CoordinatorLayout - Layout for the…
Linxy
  • 2,083
  • 3
  • 20
  • 35
19
votes
7 answers

How can I have clickable text in the AppBar in Flutter

I am aware that I can use IconButton in the actions of the AppBar in Flutter. But instead of the icon, I'd like the user to see the words 'Save' or 'Back' or 'Cancel' and click on them in the AppBar. How can I achieve this? Here is part of my code…
Roya
  • 357
  • 1
  • 2
  • 13
19
votes
1 answer

Android appbarlayout elevation appears in status bar

How do I get rid of the elevation in the status bar? If I set in AppbarLayout the app:elevation to 0dp the elevation doesn't appear anymore in status bar but also not below the AppbarLayout. How do I just get the elevation under the…
Joestoen
  • 485
  • 1
  • 5
  • 14
17
votes
2 answers

Flutter appBar Backbutton doesn't appear

I've successfully navigated to a class in a new file, but now I'm not getting a backbutton on my appBar. Here is my navigation from main.dart... new RaisedButton( onPressed: () { Navigator.pushNamed(context,…
Charles Jr
  • 5,303
  • 12
  • 43
  • 68
14
votes
5 answers

How to create an AppBar with a bottom coloured border in Flutter?

I would like to create an App Bar like this which has a bottom border as well a tint of shadow which can be done using elevation. Could someone provide a sample code snippet to achieve this
Keshav Aditya R.P
  • 2,123
  • 5
  • 16
  • 27
14
votes
3 answers

Flutter: AppBar background image

Is it possible to add a background image to the Scaffold's AppBar? I know about sliver but when you scrolldown the image gets hidden and the AppBar changes color right? So I want to know if this is possible and if not, are there any existing…
nypogi
  • 1,108
  • 5
  • 19
  • 38
13
votes
1 answer

Flutter: subtract status bar height from AppBar

I have moved my AppBar downwards but now it's height is too big. I want to know how I can subtract the status bar's height from my AppBar's height. Here is what it looks like at the moment: Here is how you can set the AppBar's height: Flutter:…
Paul Kruger
  • 1,294
  • 4
  • 11
  • 32
1
2 3
…
33 34