


Padding such that the animation is smooth.

Wrap the AppBar in a MediaQuery widget, and adjust its MediaQuery changes (as is common in Hero animations) may cause the content It's taken care of by Scaffold when used in The AppBar insets its content based on the ambient MediaQuery's padding, The following diagram shows where each of these slotsĪppears in the toolbar when the writing language is left-to-right (e.g. IfĪ flexibleSpace widget is specified then it is stacked behind the toolbarĪnd the bottom widget. The AppBar displays the toolbar widgets, leading, title, and actions,Ībove the bottom (if any). For a scrollableĪpp bar, see SliverAppBar, which embeds an AppBar in a sliver for use in The app bar as a fixed-height widget at the top of the screen. PopupMenuButton for less common operations (sometimes called the "overflowĪpp bars are typically used in the Scaffold.appBar property, which places App bars typically expose one or moreĬommon actions with IconButtons which are optionally followed by a An app bar consists of a toolbar and potentially other widgets, such as a
