Skip to content
masterclass Buddy
Start learning

Flutter & Dart · Component

AppBar

AppBar is a Material widget for the top of a screen. It provides slots for a leading widget, title, actions, bottom content, and a flexible background area.

Last updated

Syntax

AppBar({
  Key? key,
  Widget? leading,
  bool automaticallyImplyLeading = true,
  Widget? title,
  List<Widget>? actions,
  bool automaticallyImplyActions = true,
  Widget? flexibleSpace,
  PreferredSizeWidget? bottom,
  double? elevation,
  double? scrolledUnderElevation,
  ScrollNotificationPredicate notificationPredicate = defaultScrollNotificationPredicate,
  Color? shadowColor,
  Color? surfaceTintColor,
  ShapeBorder? shape,
  Color? backgroundColor,
  Color? foregroundColor,
  IconThemeData? iconTheme,
  IconThemeData? actionsIconTheme,
  bool primary = true,
  bool? centerTitle,
  bool excludeHeaderSemantics = false,
  double? titleSpacing,
  double toolbarOpacity = 1.0,
  double bottomOpacity = 1.0,
  double? toolbarHeight,
  double? leadingWidth,
  TextStyle? toolbarTextStyle,
  TextStyle? titleTextStyle,
  SystemUiOverlayStyle? systemOverlayStyle,
  bool forceMaterialTransparency = false,
  bool useDefaultSemanticsOrder = true,
  Clip? clipBehavior,
  EdgeInsetsGeometry? actionsPadding,
  bool animateColor = false,
})

In-depth API docs are only for subscribers: parameters, examples, common mistakes and interview practice.

Subscribe
  • Scaffold
  • SliverAppBar
  • TabBar
  • IconButton
  • PopupMenuButton
  • AppBarTheme
  • MediaQuery

Source: AppBar class - material library - Dart API. Checked 2026-11-03.