Release Flet 1.0 Beta and update color handling

FeodorFitsner · FeodorFitsner · commit 7e6f7d38126c · 2025-12-24T15:11:30.000-08:00
Bump package version to 0.80.0 for Flet 1.0 Beta release. Improve color handling by replacing withOpacity with withValues and updating color conversion logic to use 8-bit components. Refactor deprecated properties and clean up unused variables and imports. Update dependencies in pubspec.yaml to use caret versions.
diff --git a/client/pubspec.lock b/client/pubspec.lock
@@ -295,7 +295,7 @@ packages:
       path: "../packages/flet"
       relative: true
     source: path
-    version: "0.70.0"
+    version: "0.80.0"
   flet_ads:
     dependency: "direct main"
     description:
diff --git a/packages/flet/CHANGELOG.md b/packages/flet/CHANGELOG.md
@@ -1,3 +1,7 @@
+# 0.80.0
+
+* **Flet 1.0 Beta Release** – [Read the announcement](https://flet.dev/blog/flet-1-0-beta)
+
 # 0.70.0
 
 * **Flet 1.0 Alpha Released** – [Read the announcement](https://flet.dev/blog/introducing-flet-1-0-alpha)
diff --git a/packages/flet/lib/src/controls/button.dart b/packages/flet/lib/src/controls/button.dart
@@ -104,7 +104,7 @@ class _ButtonControlState extends State<ButtonControl> with FletStoreMixin {
           widget.control.getColor("color", context, theme.colorScheme.primary)!,
       defaultBackgroundColor: widget.control
           .getColor("bgcolor", context, theme.colorScheme.surface)!,
-      defaultOverlayColor: theme.colorScheme.primary.withOpacity(0.08),
+      defaultOverlayColor: theme.colorScheme.primary.withValues(alpha: 0.08),
       defaultShadowColor: theme.colorScheme.shadow,
       defaultSurfaceTintColor: theme.colorScheme.surfaceTint,
       defaultElevation: widget.control.getDouble("elevation", 1)!,
diff --git a/packages/flet/lib/src/controls/cupertino_app_bar.dart b/packages/flet/lib/src/controls/cupertino_app_bar.dart
@@ -91,6 +91,7 @@ class CupertinoAppBarControl extends StatelessWidget
     final Color backgroundColor = CupertinoDynamicColor.maybeResolve(
             control.getColor("bgcolor", context), context) ??
         CupertinoTheme.of(context).barBackgroundColor;
-    return backgroundColor.alpha == 0xFF;
+    final alpha8 = (backgroundColor.a * 255.0).round().clamp(0, 255);
+    return alpha8 == 0xFF;
   }
 }
diff --git a/packages/flet/lib/src/controls/navigation_drawer.dart b/packages/flet/lib/src/controls/navigation_drawer.dart
@@ -36,7 +36,6 @@ class _NavigationDrawerControlState extends State<NavigationDrawerControl> {
     debugPrint("NavigationDrawerControl build: ${widget.control.id}");
 
     var selectedIndex = widget.control.getInt("selected_index", 0)!;
-    var endDrawer = widget.control.get("position") == "end";
 
     if (_selectedIndex != selectedIndex) {
       _selectedIndex = selectedIndex;
diff --git a/packages/flet/lib/src/controls/progress_bar.dart b/packages/flet/lib/src/controls/progress_bar.dart
@@ -28,6 +28,7 @@ class ProgressBarControl extends StatelessWidget {
       stopIndicatorColor: control.getColor("stop_indicator_color", context),
       stopIndicatorRadius: control.getDouble("stop_indicator_radius"),
       trackGap: control.getDouble("track_gap"),
+      // ignore: deprecated_member_use
       year2023: control.getBool(
           "year_2023"), // todo: deprecated and to be removed in future versions
     );
diff --git a/packages/flet/lib/src/controls/progress_ring.dart b/packages/flet/lib/src/controls/progress_ring.dart
@@ -31,6 +31,7 @@ class ProgressRingControl extends StatelessWidget {
       trackGap: control.getDouble("track_gap"),
       constraints: control.getBoxConstraints("size_constraints"),
       padding: control.getPadding("padding"),
+      // ignore: deprecated_member_use
       year2023: control.getBool(
           "year2023"), // todo: deprecated and to be removed in future versions
     );
diff --git a/packages/flet/lib/src/controls/search_bar.dart b/packages/flet/lib/src/controls/search_bar.dart
@@ -26,7 +26,6 @@ class SearchBarControl extends StatefulWidget {
 class _SearchBarControlState extends State<SearchBarControl> {
   late final SearchController _controller;
 
-  bool _focused = false;
   TextCapitalization? _textCapitalization;
   late final FocusNode _focusNode;
   String? _lastFocusValue;
@@ -43,9 +42,6 @@ class _SearchBarControlState extends State<SearchBarControl> {
   }
 
   void _onFocusChange() {
-    setState(() {
-      _focused = _focusNode.hasFocus;
-    });
     widget.control.triggerEvent(_focusNode.hasFocus ? "focus" : "blur");
   }
 
diff --git a/packages/flet/lib/src/controls/segmented_button.dart b/packages/flet/lib/src/controls/segmented_button.dart
@@ -37,7 +37,7 @@ class _SegmentedButtonControlState extends State<SegmentedButtonControl>
     var style = widget.control.getButtonStyle("style", Theme.of(context),
         defaultForegroundColor: theme.colorScheme.primary,
         defaultBackgroundColor: theme.colorScheme.surface,
-        defaultOverlayColor: theme.colorScheme.primary.withOpacity(0.08),
+        defaultOverlayColor: theme.colorScheme.primary.withValues(alpha: 0.08),
         defaultShadowColor: theme.colorScheme.shadow,
         defaultSurfaceTintColor: theme.colorScheme.surfaceTint,
         defaultElevation: 1,
diff --git a/packages/flet/lib/src/controls/slider.dart b/packages/flet/lib/src/controls/slider.dart
@@ -75,6 +75,7 @@ class _SliderControlState extends State<SliderControl> {
         min: min,
         max: max,
         // todo: remove deprecated property year2023
+        // ignore: deprecated_member_use
         year2023: widget.control.getBool("year_2023"),
         divisions: widget.control.getInt("divisions"),
         label: label?.replaceAll("{value}", _value.toStringAsFixed(round)),
diff --git a/packages/flet/lib/src/controls/view.dart b/packages/flet/lib/src/controls/view.dart
@@ -16,7 +16,6 @@ import '../utils/buttons.dart';
 import '../utils/colors.dart';
 import '../utils/edge_insets.dart';
 import '../utils/numbers.dart';
-import '../utils/platform.dart';
 import '../utils/theme.dart';
 import '../widgets/loading_page.dart';
 import '../widgets/page_context.dart';
@@ -172,7 +171,6 @@ class _ViewControlState extends State<ViewControl> {
             .addAll(dialogControls.map((c) => ControlWidget(control: c)));
         overlayWidgets.add(PageMedia(view: widget.control.parent));
       }
-
     }
 
     Widget body = Stack(children: [
diff --git a/packages/flet/lib/src/services/semantics_service.dart b/packages/flet/lib/src/services/semantics_service.dart
@@ -26,8 +26,12 @@ class SemanticsServiceControl extends FletService {
     switch (name) {
       case "announce_message":
         var message = args["message"].toString();
-        return SemanticsService.announce(
-            message, args["rtl"] ? TextDirection.rtl : TextDirection.ltr,
+        final view = WidgetsBinding.instance.platformDispatcher.implicitView;
+        if (view == null) {
+          return;
+        }
+        return SemanticsService.sendAnnouncement(
+            view, message, args["rtl"] ? TextDirection.rtl : TextDirection.ltr,
             assertiveness: control.getAssertiveness(
                 args["assertiveness"], Assertiveness.polite)!);
       case "announce_tooltip":
diff --git a/packages/flet/lib/src/transport/flet_backend_channel_mock.dart b/packages/flet/lib/src/transport/flet_backend_channel_mock.dart
@@ -24,13 +24,13 @@ class FletMockBackendChannel implements FletBackendChannel {
     await Future.delayed(
         const Duration(seconds: 1)); // Simulating async operation
     debugPrint("Connected to the Mock Flet backend channel");
-    //_scenario_line_chart_simple();
-    _scenario_register();
-    //_scenario_test_services();
-    //_scenario_call_window_methods();
+    // _scenarioLineChartSimple();
+    _scenarioRegister();
+    // _scenarioTestServices();
+    // scenarioCallWindowMethods();
   }
 
-  _scenario_register() async {
+  Future<void> _scenarioRegister() async {
     onMessage(Message(action: MessageAction.registerClient, payload: {
       "id": 1,
       "patch": {
@@ -81,7 +81,8 @@ class FletMockBackendChannel implements FletBackendChannel {
     }));
   }
 
-  _scenario_line_chart_simple() async {
+  // ignore: unused_element
+  Future<void> _scenarioLineChartSimple() async {
     onMessage(Message(action: MessageAction.registerClient, payload: {
       "id": 1,
       "patch": {
@@ -169,7 +170,8 @@ class FletMockBackendChannel implements FletBackendChannel {
     }));
   }
 
-  _scenario_test_services() async {
+  // ignore: unused_element
+  Future<void> _scenarioTestServices() async {
     onMessage(Message(action: MessageAction.patchControl, payload: {
       "id": 11,
       "patch": {
@@ -212,7 +214,7 @@ class FletMockBackendChannel implements FletBackendChannel {
     //     payload: {"id": 9, "name": "close", "args": {}}));
   }
 
-  scenario_call_window_methods() async {
+  Future<void> scenarioCallWindowMethods() async {
     onMessage(Message(
         action: MessageAction.invokeControlMethod,
         payload: {"id": 9, "name": "to_front", "args": {}}));
diff --git a/packages/flet/lib/src/utils/colors.dart b/packages/flet/lib/src/utils/colors.dart
@@ -200,7 +200,7 @@ extension HexColor on Color {
     }
 
     if (color != null && colorOpacity != null) {
-      color = color.withOpacity(parseDouble(colorOpacity, 1.0)!);
+      color = color.withValues(alpha: parseDouble(colorOpacity, 1.0)!);
     }
 
     return color ?? defaultColor;
@@ -262,23 +262,36 @@ extension HexColor on Color {
   }
 
   /// Prefixes a hash sign if [leadingHashSign] is set to `true` (default is `true`).
-  String toHex({bool leadingHashSign = true}) => '${leadingHashSign ? '#' : ''}'
-      '${alpha.toRadixString(16).padLeft(2, '0')}'
-      '${red.toRadixString(16).padLeft(2, '0')}'
-      '${green.toRadixString(16).padLeft(2, '0')}'
-      '${blue.toRadixString(16).padLeft(2, '0')}';
+  String toHex({bool leadingHashSign = true}) {
+    int to8bit(double component) =>
+        (component * 255.0).round().clamp(0, 255);
+
+    final alpha8 = to8bit(a);
+    final red8 = to8bit(r);
+    final green8 = to8bit(g);
+    final blue8 = to8bit(b);
+
+    return '${leadingHashSign ? '#' : ''}'
+        '${alpha8.toRadixString(16).padLeft(2, '0')}'
+        '${red8.toRadixString(16).padLeft(2, '0')}'
+        '${green8.toRadixString(16).padLeft(2, '0')}'
+        '${blue8.toRadixString(16).padLeft(2, '0')}';
+  }
 }
 
 extension ColorExtension on Color {
   /// Convert the color to a darken color based on the [percent]
   Color darken([int percent = 40]) {
     assert(1 <= percent && percent <= 100);
     final value = 1 - percent / 100;
+    int to8bit(double component) =>
+        (component * 255.0).round().clamp(0, 255);
+
     return Color.fromARGB(
-      alpha,
-      (red * value).round(),
-      (green * value).round(),
-      (blue * value).round(),
+      to8bit(a),
+      (to8bit(r) * value).round().clamp(0, 255),
+      (to8bit(g) * value).round().clamp(0, 255),
+      (to8bit(b) * value).round().clamp(0, 255),
     );
   }
 }
diff --git a/packages/flet/pubspec.yaml b/packages/flet/pubspec.yaml
@@ -2,7 +2,7 @@ name: flet
 description: Write entire Flutter app in Python or add server-driven UI experience into existing Flutter app.
 homepage: https://flet.dev
 repository: https://github.com/flet-dev/flet/packages/flet
-version: 0.70.0
+version: 0.80.0
 
 # Supported platforms
 platforms:
@@ -27,23 +27,23 @@ dependencies:
   device_info_plus: ^12.3.0
   equatable: ^2.0.3
   file_picker: ^10.3.3
-  flutter_highlight: 0.7.0
-  flutter_markdown: 0.7.6+2
-  flutter_svg: 2.2.1
+  flutter_highlight: ^0.7.0
+  flutter_markdown: ^0.7.6+2
+  flutter_svg: ^2.2.1
   highlight: ^0.7.0
-  http: 1.5.0
-  markdown: 7.3.0
+  http: ^1.5.0
+  markdown: ^7.3.0
   msgpack_dart: ^1.0.1
   path: ^1.9.0
   path_provider: ^2.1.5
   provider: ^6.1.2
   screenshot: ^3.0.0
   screen_brightness: ^2.1.7
   sensors_plus: ^7.0.0
-  shared_preferences: 2.5.3
+  shared_preferences: ^2.5.3
   share_plus: ^12.0.1
   shimmer: ^3.0.0
-  url_launcher: 6.3.2
+  url_launcher: ^6.3.2
   vector_math: ^2.2.0
   web: ^1.1.1
   web_socket_channel: ^3.0.2

Original file line number	Diff line number	Diff line change
`@@ -91,6 +91,7 @@ class CupertinoAppBarControl extends StatelessWidget`
`91`	`91`	`final Color backgroundColor = CupertinoDynamicColor.maybeResolve(`
`92`	`92`	`control.getColor("bgcolor", context), context) ??`
`93`	`93`	`CupertinoTheme.of(context).barBackgroundColor;`
`94`		`- return backgroundColor.alpha == 0xFF;`
	`94`	`+ final alpha8 = (backgroundColor.a * 255.0).round().clamp(0, 255);`
	`95`	`+ return alpha8 == 0xFF;`
`95`	`96`	`}`
`96`	`97`	`}`
Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,6 @@ class SearchBarControl extends StatefulWidget {`
`26`	`26`	`class _SearchBarControlState extends State<SearchBarControl> {`
`27`	`27`	`late final SearchController _controller;`
`28`	`28`
`29`		`- bool _focused = false;`
`30`	`29`	`TextCapitalization? _textCapitalization;`
`31`	`30`	`late final FocusNode _focusNode;`
`32`	`31`	`String? _lastFocusValue;`
`@@ -43,9 +42,6 @@ class _SearchBarControlState extends State<SearchBarControl> {`
`43`	`42`	`}`
`44`	`43`
`45`	`44`	`void _onFocusChange() {`
`46`		`- setState(() {`
`47`		`- _focused = _focusNode.hasFocus;`
`48`		`- });`
`49`	`45`	`widget.control.triggerEvent(_focusNode.hasFocus ? "focus" : "blur");`
`50`	`46`	`}`
`51`	`47`