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.

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