# 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 上。

# API

# FLAppBarTitle

属性 描述 类型 默认值
title 标题字符串 String
titleStyle 标题文字样式 TextStyle
subtitle 副标题字符串 String
subtitleStyle 副标题文字样式 TextStyle
showLoading 显示加载指示器 bool false
layout 布局方式 FLAppBarTitleLayout FLAppBarTitleLayout.horizontal
loadingPosition 加载指示器位置 FLAppBarPosition FLAppBarPosition.left
customAccessoryWidget 自定义组件 Widget
accessoryPosition 自定义组件位置 FLAppBarPosition FLAppBarPosition.right