setWindowTitle, counter example for home page

Author: FeodorFitsner

client/lib/controls/icon_button.dart

@@ -25,7 +25,7 @@ class IconButtonControl extends StatelessWidget {
   Widget build(BuildContext context) {
     debugPrint("Button build: ${control.id}");
 
-    String? tooltip = control.attrString("tooltip")!;
+    String? tooltip = control.attrString("tooltip");
     IconData? icon = getMaterialIcon(control.attrString("icon", "")!);
     Color? iconColor =
         HexColor.fromString(context, control.attrString("iconColor", "")!);

client/lib/controls/page.dart

@@ -1,3 +1,4 @@
+import 'package:flet_view/utils/desktop.dart';
 import 'package:flutter/material.dart';
 
 import '../models/control.dart';
@@ -75,8 +76,11 @@ class PageControl extends StatelessWidget {
 
     debugPrint("Page theme: $themeMode");
 
+    String title = control.attrString("title", "")!;
+    setWindowTitle(title);
+
     return MaterialApp(
-      title: control.attrString("title", "")!,
+      title: title,
       theme: theme,
       darkTheme: darkTheme,
       themeMode: themeMode,

client/lib/main.dart

@@ -1,26 +1,24 @@
-import 'dart:developer';
 import 'dart:io';
 
 import 'package:flet_view/actions.dart';
+import 'package:flet_view/utils/desktop.dart';
 import 'package:flet_view/widgets/loading_page.dart';
 import 'package:flutter/foundation.dart';
-import 'package:window_size/window_size.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_redux/flutter_redux.dart';
 import 'package:redux/redux.dart';
+
+import 'controls/create_control.dart';
 import 'models/app_state.dart';
 import 'models/page_view_model.dart';
 import 'reducers.dart';
-import 'utils/uri.dart';
-import 'web_socket_client.dart';
-import 'controls/create_control.dart';
-
 import 'session_store/session_store.dart'
     if (dart.library.io) "session_store/session_store_io.dart"
     if (dart.library.js) "session_store/session_store_js.dart";
+import 'web_socket_client.dart';
 
 void main([List<String>? args]) async {
-  //setupWindow();
+  setupDesktop();
 
   var pageUri = Uri.base;
 
@@ -100,22 +98,3 @@ class FletApp extends StatelessWidget {
     );
   }
 }
-
-const double windowWidth = 480;
-const double windowHeight = 854;
-
-void setupWindow() {
-  if (!kIsWeb && (Platform.isWindows || Platform.isLinux || Platform.isMacOS)) {
-    WidgetsFlutterBinding.ensureInitialized();
-    setWindowTitle('Navigation and routing');
-    setWindowMinSize(const Size(windowWidth, windowHeight));
-    setWindowMaxSize(const Size(windowWidth, windowHeight));
-    getCurrentScreen().then((screen) {
-      setWindowFrame(Rect.fromCenter(
-        center: screen!.frame.center,
-        width: windowWidth,
-        height: windowHeight,
-      ));
-    });
-  }
-}

client/lib/utils/desktop.dart

@@ -0,0 +1,29 @@
+import 'dart:io';
+
+import 'package:flutter/foundation.dart';
+import 'package:flutter/widgets.dart';
+import 'package:window_size/window_size.dart' as desktop;
+
+const double windowWidth = 480;
+const double windowHeight = 854;
+
+void setWindowTitle(String title) {
+  if (!kIsWeb && (Platform.isWindows || Platform.isLinux || Platform.isMacOS)) {
+    desktop.setWindowTitle(title);
+  }
+}
+
+void setupDesktop() {
+  if (!kIsWeb && (Platform.isWindows || Platform.isLinux || Platform.isMacOS)) {
+    WidgetsFlutterBinding.ensureInitialized();
+    // setWindowMinSize(const Size(windowWidth, windowHeight));
+    // setWindowMaxSize(const Size(windowWidth, windowHeight));
+    // getCurrentScreen().then((screen) {
+    //   setWindowFrame(Rect.fromCenter(
+    //     center: screen!.frame.center,
+    //     width: windowWidth,
+    //     height: windowHeight,
+    //   ));
+    // });
+  }
+}

docs/roadmap.md

@@ -644,12 +644,6 @@ Properties:
 - label
 - labelPosition
 
-## TextField
-
-Docs: https://api.flutter.dev/flutter/material/TextField-class.html
-
-Example: https://gallery.flutter.dev/#/demo/text-field
-
 ## ElevatedButton
 
 Docs: https://api.flutter.dev/flutter/material/ElevatedButton-class.html
@@ -825,6 +819,7 @@ Properties:
 - password
 - canRevealPassword - true/false
 - readOnly
+- shiftEnter
 - textAlign
 
 Events:

sdk/python/flet/icon_button.py

@@ -10,6 +10,7 @@
 class IconButton(ConstrainedControl):
     def __init__(
         self,
+        icon: str = None,
         ref: Ref = None,
         width: OptionalNumber = None,
         height: OptionalNumber = None,
@@ -22,7 +23,6 @@ def __init__(
         # Specific
         #
         tooltip: str = None,
-        icon: str = None,
         icon_size: OptionalNumber = None,
         icon_color: str = None,
         content: Control = None,

sdk/python/playground/counter-home.py

@@ -0,0 +1,33 @@
+import logging
+
+import flet
+from flet import IconButton, Page, Row, TextField, icons
+
+
+def main(page: Page):
+    page.title = "Flet counter example"
+    page.vertical_alignment = "center"
+
+    txt_number = TextField(value="0", text_align="right", width=100)
+
+    def minus_click(e):
+        txt_number.value = int(txt_number.value) - 1
+        page.update()
+
+    def add_click(e):
+        txt_number.value = int(txt_number.value) + 1
+        page.update()
+
+    page.add(
+        Row(
+            [
+                IconButton(icons.REMOVE, on_click=minus_click),
+                txt_number,
+                IconButton(icons.ADD, on_click=add_click),
+            ],
+            alignment="center",
+        )
+    )
+
+
+flet.app(name="test1", port=8550, target=main)

sdk/python/playground/textfield-test.py

@@ -25,6 +25,7 @@
 from flet.container import Container
 from flet.icon import Icon
 from flet.list_view import ListView
+from flet.progress_bar import ProgressBar
 from flet.radio import Radio
 from flet.radio_group import RadioGroup
 from flet.stack import Stack
@@ -39,9 +40,17 @@ def main(page: Page):
     page.theme_mode = "light"
     page.padding = padding.all(20)
 
+    prgb = ProgressBar(visible=False)
+
     def chat_submit(e):
         print(f"Submit FieldText: {e.control.value}")
         e.control.value = ""
+        form.disabled = True
+        prgb.visible = True
+        page.update()
+        sleep(2)
+        form.disabled = False
+        prgb.visible = False
         page.update()
 
     chat_input = TextField(
@@ -51,61 +60,62 @@ def chat_submit(e):
         on_submit=chat_submit,
     )
 
-    page.add(
-        Column(
-            [
-                Text("Outlined TextField", style="headlineMedium"),
-                TextField(),
-                Text(
-                    "Outlined TextField with Label, Hint and Helper text",
-                    style="headlineSmall",
-                ),
-                TextField(
-                    label="Full name",
-                    hint_text="Enter your full name",
-                    helper_text="Hint text is visible when TextField is empty and focused",
-                ),
-                Text(
-                    "Underlined, filled and multiline TextField",
-                    style="headlineSmall",
-                ),
-                TextField(
-                    label="Comments",
-                    helper_text="Tell something about us",
-                    border="underline",
-                    filled=True,
-                    min_lines=1,
-                ),
-                Text(
-                    "New line - Shift + Enter and submit on Enter",
-                    style="headlineSmall",
-                ),
-                chat_input,
-                Text(
-                    "Login with email/password",
-                    style="headlineSmall",
-                ),
-                TextField(
-                    label="Email",
-                    prefix_icon=icons.EMAIL,
-                    border="underline",
-                    keyboard_type="email",
-                    filled=True,
-                ),
-                TextField(
-                    label="Password",
-                    prefix_icon=icons.PASSWORD_SHARP,
-                    border="underline",
-                    password=True,
-                    can_reveal_password=True,
-                    filled=True,
-                ),
-            ],
-            scroll="always",
-            expand=1,
-            width=600,
-        ),
+    form = Column(
+        [
+            prgb,
+            Text("Outlined TextField", style="headlineMedium"),
+            TextField(),
+            Text(
+                "Outlined TextField with Label, Hint and Helper text",
+                style="headlineSmall",
+            ),
+            TextField(
+                label="Full name",
+                hint_text="Enter your full name",
+                helper_text="Hint text is visible when TextField is empty and focused",
+            ),
+            Text(
+                "Underlined, filled and multiline TextField",
+                style="headlineSmall",
+            ),
+            TextField(
+                label="Comments",
+                helper_text="Tell something about us",
+                border="underline",
+                filled=True,
+                min_lines=1,
+            ),
+            Text(
+                "New line - Shift + Enter and submit on Enter",
+                style="headlineSmall",
+            ),
+            chat_input,
+            Text(
+                "Login with email/password",
+                style="headlineSmall",
+            ),
+            TextField(
+                label="Email",
+                prefix_icon=icons.EMAIL,
+                border="underline",
+                keyboard_type="email",
+                filled=True,
+            ),
+            TextField(
+                label="Password",
+                prefix_icon=icons.PASSWORD_SHARP,
+                border="underline",
+                password=True,
+                can_reveal_password=True,
+                filled=True,
+            ),
+        ],
+        scroll="always",
+        expand=1,
+        width=600,
     )
 
+    page.add(form)
+
 
 flet.app(name="test1", port=8550, target=main, view=flet.WEB_BROWSER)