11_Flutter之AppBar组件

Flutter之AppBar组件

一.参数说明

AppBar({
    Key key,
    this.leading,
    this.automaticallyImplyLeading = true,
    this.title,
    this.actions,
    this.flexibleSpace,
    this.bottom,
    this.elevation,
    this.shape,
    this.backgroundColor,
    this.brightness,
    this.iconTheme,
    this.actionsIconTheme,
    this.textTheme,
    this.primary = true,
    this.centerTitle,
    this.titleSpacing = NavigationToolbar.kMiddleSpacing,
    this.toolbarOpacity = 1.0,
    this.bottomOpacity = 1.0,
  })

1.leading: 在标题前面显示的一个控件，在首页通常显示应用的 logo；在其他界面通常显示为返回按钮

2.automaticallyImplyLeading: 与leading配合使用,决定与leading对应的组件的用途

• leading == null && automaticallyImplyLeading = true时,系统会自动判断leading的用途
• leading == null && automaticallyImplyLeading = false时,与leading对应的组件所占用的空间会被分配给title
• leading != null时,这个参数不会影响leading

3.title:AppBar中显示的基本组件,通常用于显示当前界面的标题

4.actions: 类型为 List,显示在title后边的组件

5.flexibleSpace:一个显示在AppBar下方(AppBar覆盖在其上方显示)的控件，高度和 AppBar 高度一样，可以实现一些特殊的效果

6.bottom:一个显示在AppBar底部的组件，通常用来制作TabBar

7.elevation:AppBar在z轴上的高度

• elevation == null时,AppBar在z轴上的高度取决于 ThemeData.appBarTheme.elevation的值
• 如果 ThemeData.appBarTheme.elevation == null时,则取默认值4

8.shape:设置AppBar的边框

shape: Border(
    bottom: BorderSide(
        color: Color(0xffff0000),
        width: 1.0,
        style: BorderStyle.solid
    ),
),

9.backgroundColor:Appbar 的颜色，默认值为 ThemeData.primaryColor,通常和下面的三个属性一起使用:

• brightness:AppBar 的亮度，有白色(Brightness.light)和黑色(Brightness.dark)两种主题，默认值为 ThemeData.primaryColorBrightness

• iconThem:AppBar 上图标的颜色、透明度、和尺寸信息。默认值为 ThemeData.primaryIconTheme

  iconTheme: IconThemeData(
      color: Color(0xffffffff),
      opacity: 1.0,
      size: 50
  )
  

• textTheme: App bar 上的文字样式。默认值为 ThemeData.primaryTextTheme

  const TextTheme({
      this.display4,
      this.display3,
      this.display2,
      this.display1,
      this.headline,
      this.title,
      this.subhead,
      this.body2,
      this.body1,
      this.caption,
      this.button,
      this.subtitle,
      this.overline,
  });
  

10.primary:AppBar是否显示在屏幕顶部

• primary = true

  

• primary = false

  

11.centerTitle:bool类型,标题是否居中显示,默认由系统特性决定

12.标题元素在水平方向上的间距

13.toolbarOpacity:toolBar的透明度

14.bottomOpacity:bottom属性对应组件的透明度