Banner control added

Author: FeodorFitsner

client/lib/controls/banner.dart

@@ -0,0 +1,108 @@
+import 'package:flet_view/utils/colors.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_redux/flutter_redux.dart';
+
+import '../models/app_state.dart';
+import '../models/control.dart';
+import '../utils/edge_insets.dart';
+import 'create_control.dart';
+import 'error.dart';
+
+class BannerControl extends StatefulWidget implements ControlWidget {
+  final Control? parent;
+  final Control control;
+  final List<Control> children;
+  final bool parentDisabled;
+
+  const BannerControl(
+      {Key? key,
+      this.parent,
+      required this.control,
+      required this.children,
+      required this.parentDisabled})
+      : super(key: key);
+
+  @override
+  State<BannerControl> createState() => _BannerControlState();
+}
+
+class _BannerControlState extends State<BannerControl> {
+  bool _open = false;
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+  }
+
+  Widget _createBanner() {
+    bool disabled = widget.control.isDisabled || widget.parentDisabled;
+    var leadingCtrls = widget.children.where((c) => c.name == "leading");
+    var contentCtrls = widget.children.where((c) => c.name == "content");
+    var actionCtrls = widget.children.where((c) => c.name == "action");
+
+    if (contentCtrls.isEmpty) {
+      return const ErrorControl("Banner does not have any content.");
+    } else if (actionCtrls.isEmpty) {
+      return const ErrorControl("Banner should have at least one action.");
+    }
+
+    return MaterialBanner(
+      leading: leadingCtrls.isNotEmpty
+          ? createControl(widget.control, leadingCtrls.first.id, disabled)
+          : null,
+      leadingPadding: parseEdgeInsets(widget.control, "leadingPadding"),
+      content: createControl(widget.control, contentCtrls.first.id, disabled),
+      padding: parseEdgeInsets(widget.control, "contentPadding"),
+      actions: actionCtrls
+          .map((c) => createControl(widget.control, c.id, disabled))
+          .toList(),
+      forceActionsBelow: widget.control.attrBool("forceActionsBelow", false)!,
+      backgroundColor: HexColor.fromString(
+          context, widget.control.attrString("bgcolor", "")!),
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    debugPrint("Banner build: ${widget.control.id}");
+
+    return StoreConnector<AppState, Function>(
+        distinct: true,
+        converter: (store) => store.dispatch,
+        builder: (context, dispatch) {
+          debugPrint("Banner StoreConnector build: ${widget.control.id}");
+
+          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) {
+              return banner;
+            }
+
+            WidgetsBinding.instance!.addPostFrameCallback((_) {
+              ScaffoldMessenger.of(context).removeCurrentMaterialBanner();
+
+              ScaffoldMessenger.of(context)
+                  .showMaterialBanner(banner as MaterialBanner);
+            });
+          } else if (open != _open && _open) {
+            WidgetsBinding.instance!.addPostFrameCallback((_) {
+              ScaffoldMessenger.of(context).removeCurrentMaterialBanner();
+            });
+          }
+
+          _open = open;
+
+          return const SizedBox.shrink();
+        });
+  }
+}

client/lib/controls/create_control.dart

@@ -6,6 +6,7 @@ import '../models/control.dart';
 import '../models/control_type.dart';
 import '../models/control_view_model.dart';
 import 'alert_dialog.dart';
+import 'banner.dart';
 import 'checkbox.dart';
 import 'column.dart';
 import 'container.dart';
@@ -31,6 +32,16 @@ import 'text.dart';
 import 'text_button.dart';
 import 'textfield.dart';
 
+abstract class ControlWidget extends Widget {
+  const ControlWidget(
+      {Key? key,
+      required Control parent,
+      required Control control,
+      required List<Control> children,
+      required bool parentDisabled})
+      : super(key: key);
+}
+
 Widget createControl(Control? parent, String id, bool parentDisabled) {
   return StoreConnector<AppState, ControlViewModel>(
     distinct: true,
@@ -166,6 +177,13 @@ Widget createControl(Control? parent, String id, bool parentDisabled) {
               control: controlView.control,
               children: controlView.children,
               parentDisabled: parentDisabled);
+        case ControlType.banner:
+          ControlWidget w = BannerControl(
+              parent: parent,
+              control: controlView.control,
+              children: controlView.children,
+              parentDisabled: parentDisabled);
+          return w;
         default:
           throw Exception("Unknown control type: ${controlView.control.type}");
       }

sdk/python/flet/banner.py

@@ -66,7 +66,9 @@ def _get_children(self):
         if self.__content:
             self.__content._set_attr_internal("n", "content")
             children.append(self.__content)
-        children.extend(a._set_attr_internal("n", "action") for a in self.__actions)
+        for action in self.__actions:
+            action._set_attr_internal("n", "action")
+            children.append(action)
         return children
 
     # open

sdk/python/playground/banner-test.py

@@ -0,0 +1,45 @@
+import logging
+
+import flet
+from flet import Banner, ElevatedButton, Icon, Text, TextButton, colors, icons
+
+logging.basicConfig(level=logging.DEBUG)
+
+
+class Data:
+    def __init__(self) -> None:
+        self.counter = 0
+
+
+d = Data()
+
+
+def main(page):
+    page.title = "SnackBar Example"
+    page.update()
+
+    def close_banner(e):
+        page.banner.open = False
+        page.update()
+
+    page.banner = Banner(
+        bgcolor=colors.AMBER_100,
+        leading=Icon(icons.WARNING_AMBER_ROUNDED, color=colors.AMBER, size=40),
+        content=Text(
+            "Oops, there were some errors while trying to delete the file. What would you like me to do?"
+        ),
+        actions=[
+            TextButton("Retry", on_click=close_banner),
+            TextButton("Ignore", on_click=close_banner),
+            TextButton("Cancel", on_click=close_banner),
+        ],
+    )
+
+    def show_banner_click(e):
+        page.banner.open = True
+        page.update()
+
+    page.add(ElevatedButton("Show Banner", on_click=show_banner_click))
+
+
+flet.app(name="test1", port=8550, target=main, view=flet.WEB_BROWSER)