BottomAppBar class

A container that is typically used with Scaffold.bottomNavigationBar, and can have a notch along the top that makes room for an overlapping FloatingActionButton.

Typically used with a Scaffold and a FloatingActionButton.

Sample code

Scaffold(
  bottomNavigationBar: BottomAppBar(
    color: Colors.white,
    child: bottomAppBarContents,
  ),
  floatingActionButton: FloatingActionButton(onPressed: null),
)

See also:

  • ComputeNotch a function used for creating a notch in a shape.
  • ScaffoldGeometry.floatingActionBarComputeNotch the ComputeNotch used to make a notch for the FloatingActionButton
  • FloatingActionButton which the BottomAppBar makes a notch for.
  • AppBar for a toolbar that is shown at the top of the screen.
Inheritance

Constructors

BottomAppBar({Key key, Color color, double elevation: 8.0, NotchedShape shape, Clip clipBehavior: Clip.none, double notchMargin: 4.0, Widget child })
Creates a bottom application bar. [...]
const

Properties

child Widget
The widget below this widget in the tree. [...]
final
clipBehavior Clip
The content will be clipped (or not) according to this option. [...]
final
color Color
The bottom app bar's background color. [...]
final
elevation double
The z-coordinate at which to place this bottom app bar. This controls the size of the shadow below the bottom app bar. [...]
final
notchMargin double
The margin between the FloatingActionButton and the BottomAppBar's notch. [...]
final
shape NotchedShape
The notch that is made for the floating action button. [...]
final
hashCode int
The hash code for this object. [...]
read-only, inherited
key Key
Controls how one widget replaces another widget in the tree. [...]
final, inherited
runtimeType Type
A representation of the runtime type of the object.
read-only, inherited

Methods

createState() State<StatefulWidget>
Creates the mutable state for this widget at a given location in the tree. [...]
override
createElement() StatefulElement
Creates a StatefulElement to manage this widget's location in the tree. [...]
inherited
debugDescribeChildren() List<DiagnosticsNode>
Returns a list of DiagnosticsNode objects describing this node's children. [...]
@protected, inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void
Add additional properties associated with the node. [...]
inherited
noSuchMethod(Invocation invocation) → dynamic
Invoked when a non-existent method or property is accessed. [...]
inherited
toDiagnosticsNode({String name, DiagnosticsTreeStyle style }) DiagnosticsNode
Returns a debug representation of the object that is used by debugging tools and by toStringDeep. [...]
inherited
toString({DiagnosticLevel minLevel: DiagnosticLevel.debug }) String
Returns a string representation of this object.
inherited
toStringDeep({String prefixLineOne: '', String prefixOtherLines, DiagnosticLevel minLevel: DiagnosticLevel.debug }) String
Returns a string representation of this node and its descendants. [...]
inherited
toStringShallow({String joiner: ', ', DiagnosticLevel minLevel: DiagnosticLevel.debug }) String
Returns a one-line detailed description of the object. [...]
inherited
toStringShort() String
A short, textual description of this widget.
inherited

Operators

operator ==(dynamic other) bool
The equality operator. [...]
inherited