widgets library

Classes

CustomTabBar

DateRangeDayQuickChoice

DateRangeMonthQuickChoice

DateRangeQuickChoice

DateRangeWeekQuickChoice

DateRangeYearQuickChoice

FlutterToast

MessageAndIndicator

MessageAndIndicatorState

ModalTopSheetRoute<T>

MultiPickerActionBar

多选组件操作栏

MultiPickerSelectedSheet<T>

多选组件已选择的数据容器

OffsetAnimation

平移动画

OpacityAnimation

透明度动画

RadialMenu<T>

用于从项目列表中进行选择的径向菜单。

RadialMenuButton

RadialMenuCenterButton

位于 RadialMenu 中心的按钮，控制其打开关闭状态。

RadialMenuItem<T>

RadialMenu中的一项

RadialMenuState

RenderDoneObject

ScaleAnimation

缩放动画

SimplePickerItem<T>

简易选择项

SliverHeaderDelegate

默认的委托配置 SliverPersistentHeader。

TabIndicatorDecoration

TimeRange

Toast

轻提示

ToastAnimation

轻提示动画

ToastContainer

Toast容器

ToastContainerState

ToastMessage

提示消息

ToastMessageState

ToastOverlayEntry

遮罩

ToastProgress

提示进度

ToastProgressState

ToastTheme

将单选框主题应用于后代 Toast 小部件。

ToastThemeData

定义后代 Toast 小部件的默认属性值。

TopSheet

Material Design 顶部工作表。

TopSheetTheme

一个继承的小部件，它在此小部件的子树中定义 TopSheet 的颜色和样式参数。

TopSheetThemeData

与 TopSheetTheme 一起使用来定义后代 TopSheet 小部件的默认属性值。

TxActionBar

一个横置排列的操作按钮栏

TxActionBarTheme

一个继承的小部件，它在此小部件的子树中定义 TxActionBar 的颜色和样式参数。

TxActionBarThemeData

与 TxActionBarTheme 一起使用来定义后代 TxActionBar 小部件的默认属性值。

TxAnimatedIconButton

动画图标按钮

TxBadge

材料设计“徽章”。

TxBadgeTheme

一个继承的小部件，它在此小部件的子树中定义 TxBadge 的颜色和样式参数。

TxBadgeThemeData

与 TxBadgeTheme 一起使用来定义后代 TxBadge 小部件的默认属性值。

TxBottomSheet

默认样式的底部弹出面板

TxButtonBar

一排横置排列的操作按钮

TxButtonBarTheme

一个继承的小部件，它在此小部件的子树中定义 TxButtonBar 的颜色和样式参数。

TxButtonBarThemeData

与 TxButtonBarTheme 一起使用来定义后代 TxButtonBar 小部件的默认属性值。

TxCascadePicker<T, V>

TxCell

一个用于展示数据及其描述的组件。

TxCellTheme

一个继承的小部件，它在此小部件的子树中定义 TxCell 的颜色和样式参数。

TxCellThemeData

与 TxCellTheme 一起使用来定义后代 TxCell 小部件的默认属性值。

TxCheckbox

A Material Design checkbox.

TxCheckboxListTile

A ListTile with a Checkbox. In other words, a checkbox with a label.

TxCupertinoDatePicker

日期选择器

TxCupertinoDateRangePicker

带快捷选择的时间范围选择器

TxCupertinoDatetimePicker

日期时间选择器 日期时间选择器

TxCupertinoMonthPicker

月份选择器

TxCupertinoPicker<T>

TxCupertinoTimePicker

时间选择器

TxCupertinoYearPicker

年份选择器

TxDataGrid

数据展示栅格组件

TxDataGridTheme

一个继承的小部件，它在此小部件的子树中定义 TxDataGrid 的颜色和样式参数。

TxDataGridThemeData

与 TxDataGridTheme 一起使用来定义后代 TxDataGrid 小部件的默认属性值。

TxDataRow

TxDataGrid的行配置和单元格数据

TxDatePickerBar

日期选择栏

TxDatePickerButton

一个用于选择日期的按钮小部件

TxDatePickerButtonTheme

一个继承的小部件，它在此小部件的子树中定义 TxDatePickerButton 的颜色和样式参数。

TxDatePickerButtonThemeData

与 TxDatePickerButtonTheme 一起使用来定义后代 TxDatePickerButton 小部件的默认属性值。

TxDateRangePickerButton

时间区间选择按钮

TxDateRangePickerButtonTheme

一个继承的小部件，它在此小部件的子树中定义 TxDateRangePickerButton 的颜色和样式参数。

TxDateRangePickerButtonThemeData

与 TxDateRangePickerButtonTheme 一起使用来定义后代 TxDateRangePickerButton 小部件的默认属性值。

TxDetailTheme

一个继承的小部件，它在此小部件的子树中定义 TxDetailView 的颜色和样式参数。

TxDetailThemeData

与 TxDetailTheme 一起使用来定义后代 TxDetailView 小部件的默认属性值。

TxDetailView

详情页，用于展示详情数据

TxDivider

一条细水平线，两边都有填充。

TxDone

一个在初始化时执行一个打勾动画小部件。

TxExpandableText

在文本超出指定行数之后，会显示 展开/收起 按钮的文本展示组件

TxExpandableTextTheme

将单选框主题应用于后代 TxExpandableText 小部件。

TxExpandableTextThemeData

定义后代 TxExpandableText 小部件的默认属性值。

TxExpansionPanel

带有展开箭头图标的单行 TxPanel，用于展开或折叠 panel 以显示或隐藏 children。

TxExpansionPanelController

启用对单个 TxExpansionPanel 的 expanded/collapsed 状态的控制。

TxExpansionPanelTheme

重写其 TxExpansionPanel 后代的默认 TxExpansionPanelTheme。

TxExpansionPanelThemeData

与 TxExpansionPanelTheme 一起用于定义后代 TxExpansionPanel 小组件的默认属性值。

TxGradientCircularProgressIndicator

环形渐变进度指示器

TxHelpTooltipIcon

帮助提示按钮图标

TxLinearGradientProgressIndicator

TxListTileSkeleton

ListTile骨架屏

TxLoading

一个提供加载样式的小部件

TxLoadingTheme

一个继承的小部件，它在此小部件的子树中定义 TxLoading 的颜色和样式参数。

TxLoadingThemeData

与 TxLoadingTheme 一起使用来定义后代 TxLoading 小部件的默认属性值。

TxMatchingText

在一组文本中高亮显示查询文字的小部件。

TxModalBottomSheetRoute<T>

自定义底部弹出面板路由

TxMultiCascadePicker<T, V>

多选级联选择器

TxMultiPicker<T, V>

多选选择器

TxMultiPickerBase<T, V>

多选组件基础封装

TxMultiPickerBaseState<T, V>

TxPanel

通用面板组件

TxPanelSkeleton

Panel骨架屏

TxPanelTheme

一个继承的小部件，它在此小部件的子树中定义 TxPanel 的颜色和样式参数。

TxPanelThemeData

与 TxPanelTheme 一起使用来定义后代 TxPanel 小部件的默认属性值。

TxPicker<T, V>

单选选择容器

TxPickerBase<T, D, V>

选择器基础配置

TxPickerBaseState<T, D, V>

选择器基础状态管理

TxRadio<T>

一个Material风格的单选按钮。

TxRadioCell<T>

带有标签的单选按钮。

TxRadioTheme

将单选框主题应用于后代 TxRadio 小部件。

TxRadioThemeData

定义后代 TxRadio 小部件的默认属性值。

TxSearchDelegate<T>

委托 showTxSearch 来定义搜索页面的内容。

TxShimmer

小部件树上呈现微光效果的组件。 child 定义了闪光效果混合的区域。 您可以从您喜欢的任何 Widget 构建 child， 但为了获得准确的预期效果并获得更好的渲染性能，请注意一些注意事项： 使用静态 Widget（它是 StatelessWidget 的一个实例）。 Widget 应该是纯色元素。您在这些 Widget 上设置的每种颜色都将被

TxSinglePickerBase<T, V>

单项选择器基础配置

TxSinglePickerBaseState<T, V>

选择器基础状态管理

TxSkeleton

骨架屏

TxSkeletonTheme

将单选框主题应用于后代 TxSkeleton 小部件。

TxSkeletonThemeData

定义后代 TxSkeleton 小部件的默认属性值。

TxSquareAvatar

展示图标或用户名称的方形框。

TxStatusIndicator

状态指示器组件

TxStatusIndicatorTheme

将单选框主题应用于后代 TxStatusIndicator 小部件。

TxStatusIndicatorThemeData

定义后代 TxStatusIndicator 小部件的默认属性值。

TxTabBar

一个不规则形状的TabBar

TxTabBarSkeleton

TabBar 骨架屏

TxTabBarView

TxTextButton

一个Material风格的文本按钮。

TxTile

一个域组件布局容器

TxTileTheme

一个继承的小部件，它在此小部件的子树中定义 TxTile 的颜色和样式参数。

TxTileThemeData

与 TxTileTheme 一起使用来定义后代 TxTile 小部件的默认属性值。

TxTip

一个Material风格的用于提示信息的小组件

TxTipTheme

将单选框主题应用于后代 TxTip 小部件。

TxTipThemeData

定义后代 TxTip 小部件的默认属性值。

TxVerticalCell

一个用于展示数据及其描述的组件。

TxVerticalDivider

一条细垂直线，两边都有填充。

TxWrapGridView

在多个水平或垂直运行中显示其固定大小子级的小部件。

Enums

ActionsPosition

操作按钮显示位置

ExpansionPanelControlAffinity

ShimmerDirection

枚举定义所有支持的微光效果方向 ShimmerDirection.ltr 从左到右方向 ShimmerDirection.rtl 从右到左方向 ShimmerDirection.ttb 从上到下方向 ShimmerDirection.btt 从下到上方向

TextButtonIconPosition

图标位置

TipType

提示类型

ToastPosition

轻提示的位置

ToastStatus

Toast状态

TxTextOverflow

Mixins

CascadePickerMixin<T, D, V>

RenderObjectAnimationMixin

Constants

kLabelKey → const String

Functions

showCascadePicker<T, V>({required BuildContext context, required List<T> source, required ValueMapper<T, String?> labelMapper, required ValueMapper<T, List<T>?> childrenMapper, String? title, T? initialData, V? initialValue, ValueMapper<T, V?>? valueMapper, DataWidgetBuilder<T>? subtitleBuilder, ValueMapper<T, bool>? disabledWhen, PickerItemBuilder<T>? itemBuilder, bool? isScrollControlled, bool? showSearchField, Widget? placeholder, ListTileThemeData? listTileTheme, bool? parentCheckable}) → Future<T?>

弹出级联选择器

showCupertinoDatePicker(BuildContext context, {String? titleText, DateTime? initialDate, DateTime? minimumDate, DateTime? maximumDate, int? minimumYear, int? maximumYear, Color? backgroundColor, DatePickerDateOrder? dateOrder, double? itemExtent, bool? useMagnifier, double? magnification, double? diameterRatio, TextStyle? textStyle, TextStyle? unselectedTextStyle, Color? unselectedColor, double? squeeze}) → Future<DateTime?>

显示 iOS 风格的日期选择器

showCupertinoDateRangePicker(BuildContext context, {String? titleText, DateTimeRange<DateTime>? initialDateRange, DateTime? minimumDate, DateTime? maximumDate, String? helpText, String? fieldStartHintText, String? fieldEndHintText, List<DateRangeQuickChoice>? quickChoices, String? textConfirm, String? textCancel, Color? backgroundColor, double? elevation, EdgeInsetsGeometry? contentPadding, DatePickerDateOrder? dateOrder, String? format}) → Future<DateTimeRange<DateTime>?>

日期区间选择

showCupertinoDatetimePicker(BuildContext context, {String? titleText, DateTime? initialDateTime, DateTime? minimumDate, DateTime? maximumDate, int? minimumYear, int? maximumYear, Color? backgroundColor, DatePickerDateOrder? dateOrder, double? itemExtent, bool? useMagnifier, double? magnification, double? diameterRatio, TextStyle? textStyle, TextStyle? unselectedTextStyle, Color? unselectedColor, double? squeeze, bool? showSeconds, int? minuteInterval, int? secondInterval}) → Future<DateTime?>

显示 iOS 风格的日期时间选择器

showCupertinoDatetimeRangePicker(BuildContext context, {String? titleText, DateTimeRange<DateTime>? initialDatetimeRange, DateTime? minimumDate, DateTime? maximumDate, String? helpText, String? fieldStartHintText, String? fieldEndHintText, List<DateRangeQuickChoice>? quickChoices, String? textConfirm, String? textCancel, Color? backgroundColor, double? elevation, EdgeInsetsGeometry? contentPadding, DatePickerDateOrder? dateOrder, String? format}) → Future<DateTimeRange<DateTime>?>

日期时间段选择

showCupertinoMonthPicker(BuildContext context, {String? titleText, DateTime? initialMonth, DateTime? minimumMonth, DateTime? maximumMonth, int? minimumYear, int? maximumYear, Color? backgroundColor, DatePickerDateOrder? dateOrder, double? itemExtent, bool? useMagnifier, double? magnification, double? diameterRatio, TextStyle? textStyle, TextStyle? unselectedTextStyle, Color? unselectedColor, double? squeeze}) → Future<DateTime?>

显示 iOS 风格的月份选择器

showCupertinoMonthRangePicker(BuildContext context, {String? titleText, DateTimeRange<DateTime>? initialMonthRange, DateTime? minimumDate, DateTime? maximumDate, String? helpText, String? fieldStartHintText, String? fieldEndHintText, List<DateRangeQuickChoice>? quickChoices, String? textConfirm, String? textCancel, Color? backgroundColor, double? elevation, EdgeInsetsGeometry? contentPadding, DatePickerDateOrder? dateOrder, String? format}) → Future<DateTimeRange<DateTime>?>

月份区间选择

showCupertinoTimePicker(BuildContext context, {String? titleText, TimeOfDay? initialTime, TimeOfDay? minimumTime, TimeOfDay? maximumTime, Color? backgroundColor, double? itemExtent, bool? useMagnifier, double? magnification, double? diameterRatio, TextStyle? textStyle, TextStyle? unselectedTextStyle, Color? unselectedColor, double? squeeze}) → Future<TimeOfDay?>

显示 iOS 风格的事件选择器

showCupertinoTimeRangePicker(BuildContext context, {String? titleText, TimeRange? initialTimeRange, TimeOfDay? minimumTime, TimeOfDay? maximumTime, String? helpText, String? fieldStartHintText, String? fieldEndHintText, String? textConfirm, String? textCancel, Color? backgroundColor, double? elevation, EdgeInsetsGeometry? contentPadding, DatePickerDateOrder? dateOrder, String? format}) → Future<TimeRange?>

时间区间选择

showCupertinoYearPicker(BuildContext context, {String? titleText, int? initialYear, int? minimumYear, int? maximumYear, Color? backgroundColor}) → Future<int?>

显示 iOS 风格的年份选择器

showDefaultBottomSheet<T>(BuildContext context, {required WidgetBuilder contentBuilder, WidgetBuilder? headerBuilder, String? title, bool? centerTitle, double? titleSpacing, WidgetBuilder? leadingBuilder, double? leadingWidth, bool automaticallyImplyLeading = true, List<Widget> actionsBuilder(BuildContext context)?, WidgetBuilder? footerBuilder, VoidCallback? onConfirm, VoidCallback? onCancel, String? textConfirm, String? textCancel, bool showConfirmButton = true, bool showCancelButton = false, bool? showCloseButton, Color? backgroundColor, double? elevation, ShapeBorder? shape, Clip? clipBehavior, Color? barrierColor, bool isScrollControlled = false, bool useRootNavigator = false, bool isDismissible = true, bool enableDrag = true, EdgeInsetsGeometry? padding, EdgeInsetsGeometry? contentPadding = _contentPadding, bool persistent = false, bool? ignoreSafeArea, RouteSettings? settings, Duration? enterBottomSheetDuration, Duration? exitBottomSheetDuration, ActionsPosition? actionsPosition}) → Future<T?>

默认底部弹框

showDefaultDialog<T>(BuildContext context, {bool showTitle = true, String? titleText, Widget? title, EdgeInsetsGeometry? titlePadding, TextStyle? titleTextStyle, String? contentText, Widget? content, EdgeInsetsGeometry? contentPadding, TextStyle? contentTextStyle, List<Widget>? actions, EdgeInsetsGeometry? actionsPadding, MainAxisAlignment? actionsAlignment, OverflowBarAlignment? actionsOverflowAlignment, VerticalDirection? actionsOverflowDirection, double? actionsOverflowButtonSpacing, EdgeInsetsGeometry? buttonPadding, String? confirmText, Widget? confirm, ButtonStyle? confirmButtonStyle, VoidCallback? onConfirm, bool showConfirmButton = true, String? cancelText, Widget? cancel, ButtonStyle? cancelButtonStyle, VoidCallback? onCancel, bool showCancelButton = true, Color? backgroundColor, bool barrierDismissible = true, Color? barrierColor = Colors.black54, String? barrierLabel, bool useSafeArea = true, bool useRootNavigator = true, RouteSettings? routeSettings, Offset? anchorPoint, Widget? icon, EdgeInsetsGeometry? iconPadding, Color? iconColor, double? elevation, Color? shadowColor, Color? surfaceTintColor, String? semanticLabel, EdgeInsets insetPadding = _defaultInsetPadding, Clip? clipBehavior = Clip.none, ShapeBorder? shape, AlignmentGeometry? alignment, bool scrollable = false}) → Future<T?>

showMapListCascadePicker<V>({required BuildContext context, required List<Map> source, String? valueKey, String? labelKey, String? idKey, String? pidKey, String? rootId, String? title, Map? initialData, V? initialValue, DataWidgetBuilder<Map>? subtitleBuilder, ValueMapper<Map, bool>? disabledWhen, PickerItemBuilder<Map>? itemBuilder, bool? isScrollControlled, bool? showSearchField, Widget? placeholder, ListTileThemeData? listTileTheme, bool? parentCheckable}) → Future<Map?>

弹出数据为 Map 列表类型级联选择器

showModalTopSheet<T>({required BuildContext context, required WidgetBuilder builder, Color? backgroundColor, String? barrierLabel, double? elevation, ShapeBorder? shape, Clip? clipBehavior, BoxConstraints? constraints, Color? barrierColor, bool isScrollControlled = false, double scrollControlDisabledMaxHeightRatio = _defaultScrollControlDisabledMaxHeightRatio, bool useRootNavigator = false, bool isDismissible = true, bool enableDrag = true, bool? showDragHandle, bool useSafeArea = true, RouteSettings? routeSettings, AnimationController? transitionAnimationController, Offset? anchorPoint}) → Future<T?>

显示模态 Material Design 顶部工作表。

showMultiCascadePicker<T, V>({required BuildContext context, required List<T> source, required ValueMapper<T, String?> labelMapper, required ValueMapper<T, List<T>?> childrenMapper, String? title, List<T>? initialData, List<V>? initialValue, ValueMapper<T, V?>? valueMapper, DataWidgetBuilder<T>? subtitleBuilder, MultiPickerItemBuilder<T>? itemBuilder, MultiPickerActionBarBuilder<T>? actionBarBuilder, MultiPickerSelectedItemBuilder<T>? selectedItemBuilder, bool? isScrollControlled, int? maxCount, ValueMapper<T, bool>? disabledWhen, bool? showSearchField, Widget? placeholder, bool? parentCheckable, bool? linkage, ListTileThemeData? listTileTheme}) → Future<List<T>?>

弹出多选级联选择器

showMultiMapListCascadePicker<V>({required BuildContext context, required List<Map> source, String? valueKey, String? labelKey, String? idKey, String? pidKey, String? rootId, String? title, List<Map>? initialData, List<V>? initialValue, DataWidgetBuilder<Map>? subtitleBuilder, MultiPickerItemBuilder<Map>? itemBuilder, MultiPickerActionBarBuilder<Map>? actionBarBuilder, MultiPickerSelectedItemBuilder<Map>? selectedItemBuilder, bool? isScrollControlled, int? maxCount, ValueMapper<Map, bool>? disabledWhen, bool? showSearchField, Widget? placeholder, bool? parentCheckable, bool? linkage, ListTileThemeData? listTileTheme}) → Future<List<Map>?>

弹出数据为 Map 列表类型多选级联选择器

showMultiPickerBottomSheet<T, V>(BuildContext context, {required List<T> source, required ValueMapper<T, String?> labelMapper, String? title, List<T>? initialData, List<V>? initialValue, ValueMapper<T, V?>? valueMapper, DataWidgetBuilder<T>? subtitleBuilder, MultiPickerItemBuilder<T>? itemBuilder, MultiPickerActionBarBuilder<T>? actionBarBuilder, MultiPickerSelectedItemBuilder<T>? selectedItemBuilder, bool? isScrollControlled, int? maxCount, ValueMapper<T, bool>? disabledWhen, bool? showSearchField, Widget? placeholder, ListTileThemeData? listTileTheme}) → Future<List<T>?>

多选选择

showPickerBottomSheet<T, V>(BuildContext context, {required List<T> source, required ValueMapper<T, String?> labelMapper, String? title, T? initialData, V? initialValue, ValueMapper<T, V?>? valueMapper, DataWidgetBuilder<T>? subtitleBuilder, ValueMapper<T, bool>? disabledWhen, PickerItemBuilder<T>? itemBuilder, bool? isScrollControlled, bool? showSearchField, Widget? placeholder, ListTileThemeData? listTileTheme}) → Future<T?>

单选选择

showSimplePickerBottomSheet<T>({required BuildContext context, required SimplePickerItemsBuilder<T> itemsBuilder, Widget? title, Widget? divider}) → Future<T?>

显示简易选择弹框

showTxModalBottomSheet<T>(BuildContext context, {required WidgetBuilder? builder, Color? backgroundColor, double? elevation, ShapeBorder? shape, Clip? clipBehavior, Color? barrierColor, bool isScrollControlled = false, bool useRootNavigator = false, bool isDismissible = true, bool enableDrag = true, EdgeInsetsGeometry? padding, EdgeInsetsGeometry? contentPadding, bool persistent = false, bool? ignoreSafeArea, RouteSettings? settings, Duration? enterBottomSheetDuration, Duration? exitBottomSheetDuration}) → Future<T?>

showTxSearch<T>({required BuildContext context, required TxSearchDelegate<T> delegate, String? query = '', bool useRootNavigator = false}) → Future<T?>

显示全屏搜索页面，并在页面关闭时返回用户选择的搜索结果。

Typedefs

AnimatedIconBuilder = AnimatedIcon Function(BuildContext context, Animation<double> animation)

DataWidgetBuilder<T> = Widget Function(BuildContext context, T data)

ItemAngleCalculator = double Function(double totalAngle, double startAngle, int index)

MultiPickerActionBarBuilder<T> = Widget Function(BuildContext context, List<T> selectedItems, VoidCallback onSelectAll, ValueChanged<List<T>> updateSelectedData)

多选组件操作栏构造放

MultiPickerItemBuilder<T> = Widget Function(BuildContext context, T data, bool checked, void onChanged(bool? val)?)

多选项构造方法

MultiPickerSelectedItemBuilder<T> = Widget Function(BuildContext context, int index, T data, VoidCallback onRemove)

多选组件已选择项构造组件

PickerItemBuilder<T> = Widget Function(BuildContext context, T data, T? selectedData, ValueChanged<T?> onChanged)

选择项构造方法x

SimplePickerItemsBuilder<T> = List<SimplePickerItem<T>> Function(BuildContext context)

SliverHeaderBuilder = Widget Function(BuildContext context, double shrinkOffset, bool overlapsContent)

sliver标题构造方法

ToastAnimationBuilder = Widget Function(Widget child, AnimationController controller, AlignmentGeometry alignment)

Toast动画构造函数

ToastStatusCallback = void Function(ToastStatus status)

ValueMapper<T, V> = V Function(T data)

为给定 T 类型数据 生成 V 类型值的函数的签名。