# AppBar

AppBar 为 App 顶部的导航栏。

# FLAppBarTitle

FLAppBarTitle 支持副标题的展示,支持加载动画以及功能扩展组件。

# subtitle

AppBar(
    title: FLAppBarTitle(
      title: 'AppBar',
      subtitle: '(subtitle)',
    ),
    centerTitle: true,
),

标题布局也可以垂直方向排列。

AppBar(
    title: FLAppBarTitle(
      title: 'AppBar',
      subtitle: '(subtitle)',
      layout: FLAppBarTitleLayout.vertical // default is horizontal
    ),
    centerTitle: true,
),

# accessory

FLAppBarTitle 可以通过 customAccessoryWidget 属性展示一个自定义的组件。

AppBar(
    title: FLAppBarTitle(
      title: 'AppBar',
      customAccessoryWidget: Icon(Icons.keyboard_arrow_down, color: Colors.white)
    ),
    centerTitle: true,
),

可以通过 accessoryPosition 来切换显示 accessory widget 的位置。

AppBar(
    title: FLAppBarTitle(
      title: 'AppBar',
      customAccessoryWidget: Icon(Icons.keyboard_arrow_down, color: Colors.white),
      accessoryPosition: FLAppBarPosition.left
    ),
    centerTitle: true,
),

# loading

AppBar(
    title: FLAppBarTitle(
      title: 'AppBar',
      subtitle: '(subtitle)',
      layout: FLAppBarTitleLayout.vertical,
      showLoading: true
    ),
    centerTitle: true,
),

loading 指示器也可以通过 loadingPosition 属性切换到左侧显示。

提示

同样可以把 FLAppBarTitle 作为 middle widget 渲染在 CupertinoNavigationBar 上。