Flutter之AppBar属性分析

AppBar可用属性

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

**

属性说明:

**

leading:
类型:Widget
描述:AppBar左侧小部件,通常用做返回按钮,如果不显示的指定,则会默认给其进行默认指定。

Flutter之AppBar属性分析_第1张图片

automaticallyImplyLeading :
类型:bool
描述:与leading部件有关,当leading为null时是否隐含前导小部件

title:
类型:Widget
描述:AppBar主要小部件,通常为Text
Flutter之AppBar属性分析_第2张图片
actions:
类型:List< Widget >
描述:在[title]小部件之后连续显示的小部件
Flutter之AppBar属性分析_第3张图片
flexibleSpace:
类型:Widget
描述:此小部件堆叠在工具栏和选项卡栏的后面。它的高度将与应用栏的整体高度相同
Flutter之AppBar属性分析_第4张图片
bottom:
类型:PreferredSizeWidget
Flutter之AppBar属性分析_第5张图片
描述:位于AppBar底部的子组件
Flutter之AppBar属性分析_第6张图片
elevation:
类型:double
描述:应用栏阴影大小
Flutter之AppBar属性分析_第7张图片

shadowColor:
类型:color
描述:应用栏阴影颜色
Flutter之AppBar属性分析_第8张图片
shape:
类型:ShapeBorder
Flutter之AppBar属性分析_第9张图片
描述:组件的形状
Flutter之AppBar属性分析_第10张图片

backgroundColor:
类型:Color
描述:应用栏背景色

Flutter之AppBar属性分析_第11张图片
brightness:
类型:Brightness枚举
描述:状态栏图标颜色
Flutter之AppBar属性分析_第12张图片
iconTheme:
类型:IconThemeData
描述:应用栏图标大小,颜色,阴影控制
Flutter之AppBar属性分析_第13张图片
actionsIconTheme:
类型:IconThemeData
描述:title右侧小部件图标颜色、大小、阴影控制
Flutter之AppBar属性分析_第14张图片
textTheme:
类型:TextTheme
描述:应用栏文字文本样式

primary:
类型:bool
描述:应用栏是否显示在状态栏的底部

trueFlutter之AppBar属性分析_第15张图片
false
Flutter之AppBar属性分析_第16张图片
centerTitle:
类型:bool
描述:标题title是否应该居中

true
Flutter之AppBar属性分析_第17张图片
excludeHeaderSemantics:
类型:bool
描述:不是很明白这个具体做什么

titleSpacing:
类型:double
描述:水平轴上[title]内容周围的间距
Flutter之AppBar属性分析_第18张图片
toolbarOpacity:
类型:double
描述:应用栏部件的透明度
Flutter之AppBar属性分析_第19张图片
bottomOpacity:
类型:double
描述:应用栏底部bottom的透明度
Flutter之AppBar属性分析_第20张图片
toolbarHeight:
类型:double
描述:应用栏高度

你可能感兴趣的:(flutter)