FlutterUI标准库material

app_bar

Catalogue   
  1. 1. 参考
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

AppBar({
Key? key,
this.leading, //widget类型，即可任意设计样式，表示左侧leading区域，通常为icon，如返回icon
this.automaticallyImplyLeading = true, // 如果leading!=null，该属性不生效；如果leading==null且为true，左侧leading区域留白；如果leading==null且为false，左侧leading区域扩展给title区域使用
this.title,// 如果leading!=null，该属性不生效；如果leading==null且为true，左侧leading区域留白；如果leading==null且为false，左侧leading区域扩展给title区域使用
this.actions,// List<Widget>类型，即可任意设计样式，表示右侧actions区域，可放置多个widget，通常为icon，如搜索icon、菜单icon
this.flexibleSpace, //可缩放区域，吸顶后被title挡住
this.bottom,//PreferredSizeWidget类型，appbar底部区域，通常为Tab控件
this.elevation,//PreferredSizeWidget类型，appbar底部区域，通常为Tab控件
this.shadowColor,
this.shape, //描边
this.backgroundColor,
this.foregroundColor,
@Deprecated(
  'This property is no longer used, please use systemOverlayStyle instead. '
  'This feature was deprecated after v2.4.0-0.0.pre.',
)
this.brightness,//Brightness类型，表示当前appbar主题是亮或暗色调，有dark和light两个值，可影响系统状态栏的图标颜色
this.iconTheme, //IconThemeData类型，可影响包括leading、title、actions中icon的颜色、透明度，及leading中的icon大小。
this.actionsIconTheme,
@Deprecated(
  'This property is no longer used, please use toolbarTextStyle and titleTextStyle instead. '
  'This feature was deprecated after v2.4.0-0.0.pre.',
)
this.textTheme,// TextTheme类型，文本主题样式，可设置appbar中文本的许多样式，如字体大小、颜色、前景色、背景色等...
this.primary = true,//true时，appBar会以系统状态栏高度为间距显示在下方；false时，会和状态栏重叠，相当于全屏显示。
this.centerTitle,// boolean 类型，表示标题是否居中显示
this.excludeHeaderSemantics = false,
this.titleSpacing,
this.toolbarOpacity = 1.0,//toolbar区域透明度
this.bottomOpacity = 1.0,//bottom区域透明度
this.toolbarHeight,
this.leadingWidth,
@Deprecated(
  'This property is obsolete and is false by default. '
  'This feature was deprecated after v2.4.0-0.0.pre.',
)
this.backwardsCompatibility,
this.toolbarTextStyle,
this.titleTextStyle,
this.systemOverlayStyle,
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
SliverAppBar({
  //在标题左侧显示的一个控件，在首页通常显示应用的 logo；在其他界面通常显示为返回按钮
  this.leading,
  this.automaticallyImplyLeading = true,
  this.title,
  this.actions,//一个 Widget 列表，代表 Toolbar 中所显示的菜单，对于常用的菜单，通常使用 IconButton 来表示；对于不常用的菜单通常使用 PopupMenuButton 来显示为三个点，点击后弹出二级菜单
  this.flexibleSpace,
  this.bottom,//一个 AppBarBottomWidget 对象，用来在 Toolbar 标题下面显示一个Widget。
  this.elevation,
  this.shadowColor,
  this.forceElevated = false,
  this.backgroundColor, //APP bar 的颜色
  this.foregroundColor, 
  this.brightness, //App bar 的亮度，有白色和黑色两种主题，默认值为 ThemeData.primaryColorBrightness
  this.iconTheme,
  this.actionsIconTheme,
  this.textTheme,
  this.primary = true,//此应用栏是否显示在屏幕顶部
  this.centerTitle,//标题是否居中显示，默认值根据不同的操作系统，显示方式不一样,true居中 false居左
  this.excludeHeaderSemantics = false,
  this.titleSpacing,//标题是否居中显示，默认值根据不同的操作系统，显示方式不一样,true居中 false居左
  this.collapsedHeight,//收缩的最小高度
  this.expandedHeight,//展开高度
  this.floating = false,//是否随着滑动隐藏标题
  this.pinned = false,//SliverAppBar收缩到最小高度的时候SliverAppBar是否可见
  this.snap = false,//SliverAppBar收缩到最小高度的时候SliverAppBar是否可见。SliverAppBar收缩到最小高度的时候SliverAppBar是否可见
  this.stretch = false,//SliverAppBar完全展开后是否可以继续拉伸，注意这个需要外部滑动组件physics的支持（设置BouncingScrollPhysics()，滑动到标界可以继续滑动拥有回弹效果），否则是不会生效的
  this.stretchTriggerOffset = 100.0,
  this.onStretchTrigger,
  this.shape,
  this.toolbarHeight = kToolbarHeight,
  this.leadingWidth,
  this.backwardsCompatibility,
  this.toolbarTextStyle,
  this.titleTextStyle,
  this.systemOverlayStyle,
});

参考