BrnAppBar class

AppBar组件,基于AppBar封装。为了解决原生的AppBar对Leading宽度的限制 在1.21版本之后,Flutter放开了宽度的限制https://github.com/flutter/flutter/blob/flutter-1.21-candidate.0/packages/flutter/lib/src/material/app_bar.dart

布局规则: leading是左侧显示的内容 title是中间显示的内容 action是右侧显示的内容 呈现的依然是AppBar,优化点在于:第一 title可以传入String 第二 action和leading 封装了快捷使用

用户如果想自定义 使用效果完全可以传入appbar的属性

布局步骤:同appbar默认的布局 先leading、后action,最后title

首先,计算leading的宽度 外部传入则可以leadingWidth 则已外部传入为主

    该组件为[BrnDoubleLeading]和[BrnBackLeading]提供了计算
    leading默认的大小是[BrnAppBarConfig.leadingSize],
    [BrnDoubleLeading]的大小是 但是Leading的宽度的2倍+间距

    leadingWidth默认宽度为BrnAppBarConfig.leadingSize
    如果传入的leading是完全自定义的Widget,可以自行设置leadingWidth

其次,摆放action

最后,对齐title

组件支持两种显示模式深色和浅色。 通过BrnAppBar.brightness属性设置, 深色Brightness.dark模式,背景色是黑色,icon和文字颜色是白色。 浅色Brightness.light模式,背景色是白色,icon和文字颜色是黑色。 如果使用默认的BrnBackLeadingBrnAppBarTitle BkAppBar中的文字颜色和backLeading可自动随着BrnAppBar.brightness变化。

组件提供了默认的返回leading,如果不需要默认的leading可以设置automaticallyImplyLeading为false 默认的leading,提供了默认的返回Navigator.pop(context), 如果是native打开的话,可能需要单独处理,否则会出现白屏

其他属性同AppBar本身的含义

显示:返回按钮、Appbar示例文本 BrnAppBar( title: 'Appbar示例', )

显示:自定义leading、tab切换、自定义action BrnAppBar( leading: BrnBackLeading(), title: Row( mainAxisSize: MainAxisSize.min, crossAxisAlignment: CrossAxisAlignment.start, children:

相关组件如下:

Inheritance
Available Extensions

Constructors

BrnAppBar({Key? key, Widget? leading, bool showLeadingDivider = false, dynamic title, dynamic actions, Color? backgroundColor, PreferredSizeWidget? bottom, double elevation = 0, bool automaticallyImplyLeading = true, double toolbarOpacity = 1.0, double bottomOpacity = 1.0, Alignment titleAlignment = Alignment.center, Widget? flexibleSpace, VoidCallback? backLeadCallback, bool? showDefaultBottom, BrnAppBarConfig? themeData, double? leadingWidth, Color? shadowColor, ShapeBorder? shape, IconThemeData? iconTheme, IconThemeData? actionsIconTheme, bool excludeHeaderSemantics = false, bool primary = true, SystemUiOverlayStyle? systemOverlayStyle, double? titleSpacing})
BrnAppBar.buildSearchResultStyle({Key? key, String? title, Color? backgroundColor, PreferredSizeWidget? bottom, bool showLeadingDivider = true, Widget? flexibleSpace, VoidCallback? backLeadCallback, bool? showDefaultBottom = true, BrnAppBarConfig? themeData, double? leadingWidth, Color? shadowColor, ShapeBorder? shape, IconThemeData? iconTheme, IconThemeData? actionsIconTheme, bool excludeHeaderSemantics = false, bool primary = true, SystemUiOverlayStyle? systemOverlayStyle, double? titleSpacing})

Properties

actions → dynamic
为了方便业务使用,可以设置为Widget或者List
final
actionsIconTheme IconThemeData?
final
automaticallyImplyLeading bool
是否自动添加Leading实现
final
backgroundColor Color?
以下属性都对应于AppBar中的属性 详细介绍可以查阅AppBar的文档
final
backLeadCallback VoidCallback?
默认处理了返回按钮,flutter的pop,如果是native打开的话,可能需要单独处理,否则会出现白屏 backLeadCallback是默认的处理回调 DefaultLeadingCallBack 也可以通过改方法参数 设置统一的返回处理,该参数是静态的
final
bottom PreferredSizeWidget?
final
bottomOpacity double
final
child Widget
The widget below this widget in the tree.
finalinherited
elevation double
final
excludeHeaderSemantics bool
final
flexibleSpace Widget?
final
hashCode int
The hash code for this object.
no setterinherited
iconTheme IconThemeData?
final
key Key?
Controls how one widget replaces another widget in the tree.
finalinherited
leading Widget?
导航栏左侧活动区域,在为null且 automaticallyImplyLeading为true时默认赋值为BrnBackLeading
final
leadingWidth double?
final
preferredSize Size
The size this widget would prefer if it were otherwise unconstrained.
no setteroverride
primary bool
final
runtimeType Type
A representation of the runtime type of the object.
no setterinherited
shadowColor Color?
final
shape ShapeBorder?
final
showDefaultBottom bool?
是否显示默认的eeeeee分割线,默认显示,可以设置为不显示
final
showLeadingDivider bool
final
systemOverlayStyle SystemUiOverlayStyle?
final
themeData BrnAppBarConfig?
final
title → dynamic
AppBar标题,必须是String或者Widget类型 为String时,会使用BrnAppBarTitle来加载title
final
titleAlignment Alignment
final
titleSpacing double?
final
toolbarOpacity double
final

Methods

build(BuildContext context) Widget
Describes the part of the user interface represented by this widget.
override
createElement() StatelessElement
Creates a StatelessElement to manage this widget's location in the tree.
inherited
debugDescribeChildren() List<DiagnosticsNode>
Returns a list of DiagnosticsNode objects describing this node's children.
inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void
Add additional properties associated with the node.
inherited
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) DiagnosticsNode
Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.
inherited
toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) String
A string representation of this object.
inherited
toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug}) String
Returns a string representation of this node and its descendants.
inherited
toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) String
Returns a one-line detailed description of the object.
inherited
toStringShort() String
A short, textual description of this widget.
inherited

Operators

operator ==(Object other) bool
The equality operator.
inherited