feat: New features (flet-dev#4703)

* Image`: cache_width, cache_height, anti_alias * `InteractiveViewer`: add assertion checks * reformat code * deprecate `animation.implicit` function * Banner: min_action_bar_height * TextButton: clip_behavior * parseWidgetStateMouseCursor * RangeSlider: mouse_cursor * fix dates in DatePicker * CupertinoRadio: mouse_cursor * ResponsiveRow: using built-in spacing property * SegmentedButton: padding, direction * CupertinoPicker: default_selection_overlay_bgcolor, selection_overlay * Switch: track_outline_width * Row: run_alignment * SearchBar: bar_scroll_padding * CupertinoButton, CupertinoFilledButton: on_long_press, on_focus, on_blur * CupertinoAppBar: brightness, automatic_background_visibility, enable_background_filter_blur * CupertinoAlertDialog: inset_animation * CupertinoCheckbox: shape, mouse_cursor, semantics_label, border_side, fill_color * BottomSheet: animation_style, size_constraints, clip_behavior, shape * Chip: avatar_size_constraints, delete_icon_size_constraints, enable_animation_style, select_animation_style, avatar_drawer_animation_style, delete_drawer_animation_style * Column: run_alignment * Semantics: current_value_length, heading_level, exclude_semantics, mixed, on_set_text * fix typo in parseWidgetStateMouseCursor * deprecated_property util * CupertinoSwitch: active_thumb_image, active_track_color, inactive_thumb_color, inactive_track_color, track_outline_color, track_outline_width, thumb_icon, inactive_thumb_image, on_image_error

Author: ndonkoHenri

packages/flet/lib/src/controls/banner.dart

@@ -70,6 +70,8 @@ class _BannerControlState extends State<BannerControl> {
  shadowColor: widget.control.attrColor("shadowColor", context),
  dividerColor: widget.control.attrColor("dividerColor", context),
  elevation: widget.control.attrDouble("elevation"),
+ minActionBarHeight:
+ widget.control.attrDouble("minActionBarHeight", 52.0)!,
  margin: parseEdgeInsets(widget.control, "margin"),
  onVisible: () {
  widget.backend.triggerControlEvent(widget.control.id, "visible");
@@ -85,9 +87,6 @@ class _BannerControlState extends State<BannerControl> {
 
  var open = widget.control.attrBool("open", false)!;
 
- debugPrint("Current open state: $_open");
- debugPrint("New open state: $open");
-
  if (open && (open != _open)) {
  var banner = _createBanner();
  if (banner is ErrorControl) {

packages/flet/lib/src/controls/bottom_sheet.dart

@@ -2,6 +2,10 @@ import 'package:flutter/material.dart';
 
 import '../flet_control_backend.dart';
 import '../models/control.dart';
+import '../utils/animations.dart';
+import '../utils/borders.dart';
+import '../utils/box.dart';
+import '../utils/others.dart';
 import 'create_control.dart';
 import 'error.dart';
 
@@ -92,7 +96,15 @@ class _BottomSheetControlState extends State<BottomSheetControl> {
  elevation: widget.control.attrDouble("elevation"),
  isScrollControlled: isScrollControlled,
  enableDrag: enableDrag,
+ barrierColor: widget.control.attrColor("barrierColor", context),
+ sheetAnimationStyle:
+ parseAnimationStyle(widget.control, "animationStyle"),
+ constraints:
+ parseBoxConstraints(widget.control, "sizeConstraints"),
  showDragHandle: showDragHandle,
+ clipBehavior:
+ parseClip(widget.control.attrString("clipBehavior")),
+ shape: parseOutlinedBorder(widget.control, "shape"),
  useSafeArea: useSafeArea)
  .then((value) {
  lastOpen = widget.control.state["open"] ?? false;

packages/flet/lib/src/controls/card.dart

@@ -29,7 +29,20 @@ class CardControl extends StatelessWidget {
 
  var contentCtrls =
  children.where((c) => c.name == "content" && c.isVisible);
+ var content = contentCtrls.isNotEmpty
+ ? createControl(control, contentCtrls.first.id, disabled,
+ parentAdaptive: adaptive)
+ : null;
  var clipBehavior = parseClip(control.attrString("clipBehavior"));
+ var elevation = control.attrDouble("elevation");
+ var shape = parseOutlinedBorder(control, "shape");
+ var margin = parseEdgeInsets(control, "margin");
+ var isSemanticContainer = control.attrBool("isSemanticContainer", true)!;
+ var showBorderOnForeground =
+ control.attrBool("showBorderOnForeground", true)!;
+ var color = control.attrColor("color", context);
+ var shadowColor = control.attrColor("shadowColor", context);
+ var surfaceTintColor = control.attrColor("surfaceTintColor", context);
 
  Widget? card;
 
@@ -38,49 +51,40 @@ class CardControl extends StatelessWidget {
 
  if (variant == CardVariant.outlined) {
  card = Card.outlined(
- elevation: control.attrDouble("elevation"),
- shape: parseOutlinedBorder(control, "shape"),
- margin: parseEdgeInsets(control, "margin"),
- semanticContainer: control.attrBool("isSemanticContainer", true)!,
- borderOnForeground: control.attrBool("showBorderOnForeground", true)!,
+ elevation: elevation,
+ shape: shape,
+ margin: margin,
+ semanticContainer: isSemanticContainer,
+ borderOnForeground: showBorderOnForeground,
  clipBehavior: clipBehavior,
- color: control.attrColor("color", context),
- shadowColor: control.attrColor("shadowColor", context),
- surfaceTintColor: control.attrColor("surfaceTintColor", context),
- child: contentCtrls.isNotEmpty
- ? createControl(control, contentCtrls.first.id, disabled,
- parentAdaptive: adaptive)
- : null);
+ color: color,
+ shadowColor: shadowColor,
+ surfaceTintColor: surfaceTintColor,
+ child: content);
  } else if (variant == CardVariant.filled) {
  card = Card.filled(
- elevation: control.attrDouble("elevation"),
- shape: parseOutlinedBorder(control, "shape"),
- margin: parseEdgeInsets(control, "margin"),
- semanticContainer: control.attrBool("isSemanticContainer", true)!,
- borderOnForeground: control.attrBool("showBorderOnForeground", true)!,
+ elevation: elevation,
+ shape: shape,
+ margin: margin,
+ semanticContainer: isSemanticContainer,
+ borderOnForeground: showBorderOnForeground,
  clipBehavior: clipBehavior,
- color: control.attrColor("color", context),
- shadowColor: control.attrColor("shadowColor", context),
- surfaceTintColor: control.attrColor("surfaceTintColor", context),
- child: contentCtrls.isNotEmpty
- ? createControl(control, contentCtrls.first.id, disabled,
- parentAdaptive: adaptive)
- : null);
+ color: color,
+ shadowColor: shadowColor,
+ surfaceTintColor: surfaceTintColor,
+ child: content);
  } else {
  card = Card(
- elevation: control.attrDouble("elevation"),
- shape: parseOutlinedBorder(control, "shape"),
- margin: parseEdgeInsets(control, "margin"),
- semanticContainer: control.attrBool("isSemanticContainer", true)!,
- borderOnForeground: control.attrBool("showBorderOnForeground", true)!,
+ elevation: elevation,
+ shape: shape,
+ margin: margin,
+ semanticContainer: isSemanticContainer,
+ borderOnForeground: showBorderOnForeground,
  clipBehavior: clipBehavior,
- color: control.attrColor("color", context),
- shadowColor: control.attrColor("shadowColor", context),
- surfaceTintColor: control.attrColor("surfaceTintColor", context),
- child: contentCtrls.isNotEmpty
- ? createControl(control, contentCtrls.first.id, disabled,
- parentAdaptive: adaptive)
- : null);
+ color: color,
+ shadowColor: shadowColor,
+ surfaceTintColor: surfaceTintColor,
+ child: content);
  }
 
  return constrainedControl(context, card, parent, control);

packages/flet/lib/src/controls/checkbox.dart

@@ -13,7 +13,6 @@ import 'cupertino_checkbox.dart';
 import 'flet_store_mixin.dart';
 import 'list_tile.dart';
 
-
 class CheckboxControl extends StatefulWidget {
  final Control? parent;
  final Control control;
@@ -114,17 +113,15 @@ class _CheckboxControlState extends State<CheckboxControl> with FletStoreMixin {
  labelStyle = labelStyle.apply(color: Theme.of(context).disabledColor);
  }
 
- WidgetStateBorderSide? side = parseWidgetStateBorderSide(
- Theme.of(context), widget.control, "borderSide");
-
  var checkbox = Checkbox(
  autofocus: autofocus,
  focusNode: _focusNode,
  value: _value,
  isError: widget.control.attrBool("isError", false)!,
  semanticLabel: widget.control.attrString("semanticsLabel"),
  shape: parseOutlinedBorder(widget.control, "shape"),
- side: side,
+ side: parseWidgetStateBorderSide(
+ Theme.of(context), widget.control, "borderSide"),
  splashRadius: widget.control.attrDouble("splashRadius"),
  activeColor: widget.control.attrColor("activeColor", context),
  focusColor: widget.control.attrColor("focusColor", context),

packages/flet/lib/src/controls/chip.dart

@@ -2,7 +2,9 @@ import 'package:flutter/material.dart';
 
 import '../flet_control_backend.dart';
 import '../models/control.dart';
+import '../utils/animations.dart';
 import '../utils/borders.dart';
+import '../utils/box.dart';
 import '../utils/colors.dart';
 import '../utils/edge_insets.dart';
 import '../utils/others.dart';
@@ -73,115 +75,105 @@ class _ChipControlState extends State<ChipControl> {
 
  var labelCtrls =
  widget.children.where((c) => c.name == "label" && c.isVisible);
+ if (labelCtrls.isEmpty) {
+ return const ErrorControl("Chip.label must be provided and visible");
+ }
  var leadingCtrls =
  widget.children.where((c) => c.name == "leading" && c.isVisible);
  var deleteIconCtrls =
  widget.children.where((c) => c.name == "deleteIcon" && c.isVisible);
 
- if (labelCtrls.isEmpty) {
- return const ErrorControl("Chip.label must be provided and visible");
- }
-
- double? clickElevation = widget.control.attrDouble("clickElevation");
- Color? bgcolor = widget.control.attrColor("bgcolor", context);
- Color? deleteIconColor =
- widget.control.attrColor("deleteIconColor", context);
- Color? disabledColor = widget.control.attrColor("disabledColor", context);
- Color? surfaceTintColor =
- widget.control.attrColor("surfaceTintColor", context);
- Color? selectedShadowColor =
- widget.control.attrColor("selectedShadowColor", context);
- Color? shadowColor = widget.control.attrColor("shadowColor", context);
- var color =
- parseWidgetStateColor(Theme.of(context), widget.control, "color");
-
- BorderSide? borderSide =
- parseBorderSide(Theme.of(context), widget.control, "borderSide");
- VisualDensity? visualDensity =
- parseVisualDensity(widget.control.attrString("visualDensity"));
- Clip clipBehavior =
- parseClip(widget.control.attrString("clipBehavior"), Clip.none)!;
-
- bool onClick = widget.control.attrBool("onclick", false)!;
- bool onDelete = widget.control.attrBool("onDelete", false)!;
- bool onSelect = widget.control.attrBool("onSelect", false)!;
+ var onClick = widget.control.attrBool("onclick", false)!;
+ var onDelete = widget.control.attrBool("onDelete", false)!;
+ var onSelect = widget.control.attrBool("onSelect", false)!;
 
  if (onSelect && onClick) {
  return const ErrorControl(
  "Chip cannot have both on_select and on_click events specified");
  }
 
- bool autofocus = widget.control.attrBool("autofocus", false)!;
  bool selected = widget.control.attrBool("selected", false)!;
  if (_selected != selected) {
  _selected = selected;
  }
- bool showCheckmark = widget.control.attrBool("showCheckmark", true)!;
- String? deleteButtonTooltip =
- widget.control.attrString("deleteButtonTooltip");
-
- var elevation = widget.control.attrDouble("elevation");
-
- Function()? onClickHandler = onClick && !disabled
- ? () {
- debugPrint("Chip ${widget.control.id} clicked!");
- widget.backend.triggerControlEvent(widget.control.id, "click");
- }
- : null;
-
- Function()? onDeleteHandler = onDelete && !disabled
- ? () {
- debugPrint("Chip ${widget.control.id} deleted!");
- widget.backend.triggerControlEvent(widget.control.id, "delete");
- }
- : null;
 
  return constrainedControl(
  context,
  InputChip(
- autofocus: autofocus,
+ autofocus: widget.control.attrBool("autofocus", false)!,
  focusNode: _focusNode,
  label: createControl(widget.control, labelCtrls.first.id, disabled,
  parentAdaptive: widget.parentAdaptive),
  avatar: leadingCtrls.isNotEmpty
  ? createControl(widget.control, leadingCtrls.first.id, disabled,
  parentAdaptive: widget.parentAdaptive)
  : null,
- backgroundColor: bgcolor,
+ backgroundColor: widget.control.attrColor("bgcolor", context),
  checkmarkColor: widget.control.attrColor("checkColor", context),
  selected: _selected,
- showCheckmark: showCheckmark,
- deleteButtonTooltipMessage: deleteButtonTooltip,
- onPressed: onClickHandler,
- onDeleted: onDeleteHandler,
- onSelected: onSelect && !disabled
- ? (bool selected) {
- _onSelect(selected);
- }
- : null,
+ showCheckmark: widget.control.attrBool("showCheckmark", true)!,
+ deleteButtonTooltipMessage:
+ widget.control.attrString("deleteButtonTooltip"),
  deleteIcon: deleteIconCtrls.isNotEmpty
  ? createControl(
  widget.control, deleteIconCtrls.first.id, disabled,
  parentAdaptive: widget.parentAdaptive)
  : null,
- deleteIconColor: deleteIconColor,
- disabledColor: disabledColor,
- elevation: elevation,
+ deleteIconColor: widget.control.attrColor("deleteIconColor", context),
+ disabledColor: widget.control.attrColor("disabledColor", context),
+ elevation: widget.control.attrDouble("elevation"),
  isEnabled: !disabled,
  padding: parseEdgeInsets(widget.control, "padding"),
  labelPadding: parseEdgeInsets(widget.control, "labelPadding"),
  labelStyle:
  parseTextStyle(Theme.of(context), widget.control, "labelStyle"),
  selectedColor: widget.control.attrColor("selectedColor", context),
- selectedShadowColor: selectedShadowColor,
- shadowColor: shadowColor,
+ selectedShadowColor:
+ widget.control.attrColor("selectedShadowColor", context),
+ shadowColor: widget.control.attrColor("shadowColor", context),
  shape: parseOutlinedBorder(widget.control, "shape"),
- color: color,
- surfaceTintColor: surfaceTintColor,
- pressElevation: clickElevation,
- side: borderSide,
- clipBehavior: clipBehavior,
- visualDensity: visualDensity,
+ color:
+ parseWidgetStateColor(Theme.of(context), widget.control, "color"),
+ surfaceTintColor:
+ widget.control.attrColor("surfaceTintColor", context),
+ pressElevation: widget.control.attrDouble("clickElevation"),
+ side:
+ parseBorderSide(Theme.of(context), widget.control, "borderSide"),
+ clipBehavior:
+ parseClip(widget.control.attrString("clipBehavior"), Clip.none)!,
+ visualDensity:
+ parseVisualDensity(widget.control.attrString("visualDensity")),
+ avatarBoxConstraints:
+ parseBoxConstraints(widget.control, "avatarSizeConstraints"),
+ deleteIconBoxConstraints:
+ parseBoxConstraints(widget.control, "deleteIconSizeConstraints"),
+ chipAnimationStyle: ChipAnimationStyle(
+ enableAnimation:
+ parseAnimationStyle(widget.control, "enableAnimationStyle"),
+ selectAnimation:
+ parseAnimationStyle(widget.control, "selectAnimationStyle"),
+ avatarDrawerAnimation: parseAnimationStyle(
+ widget.control, "avatarDrawerAnimationStyle"),
+ deleteDrawerAnimation: parseAnimationStyle(
+ widget.control, "deleteDrawerAnimationStyle"),
+ ),
+ onPressed: onClick && !disabled
+ ? () {
+ widget.backend
+ .triggerControlEvent(widget.control.id, "click");
+ }
+ : null,
+ onDeleted: onDelete && !disabled
+ ? () {
+ widget.backend
+ .triggerControlEvent(widget.control.id, "delete");
+ }
+ : null,
+ onSelected: onSelect && !disabled
+ ? (bool selected) {
+ _onSelect(selected);
+ }
+ : null,
  ),
  widget.parent,
  widget.control);