This release, specially planned for Google I/O, includes numerous amazing features, key highlights below!
Dart
π₯π₯π₯ Enhancements in WebAssembly, aimed at full WASM support in pure Dart apps.
π₯π₯π₯ @JsonCodable macros are in preview (in master), adding toJson and fromJson functionality. The team continues to invest in the macro system, allowing developers to create their own macros.
π₯ Analyzer completion improvements - closed over 50% of bugs.
Flutter
πππ Full support for WebAssembly in Flutter apps! Rendering time is improved by 2-3x. Web apps became more performant.
π Engine improvements - Impeller is feature-complete on Android. Improved performance for blurs and complex paths like SVG or Lottie animations.
π Transformation of assets using Dart packages - users can now configure Dart packages to transform their appβs assets as they are bundled (see https://docs.flutter.dev/ui/assets/asset-transformation).
π Platform Views became more reliable and performant on Android and iOS.
Android now supports predictive back.
π DevTools now provides tool to validate deep links.
Material design updates include new surface colors, the removal of background, onBackground, and surfaceVariant, and adjustments to ColorScheme.fromSeed to align with Material 3 guidelines. Additionally, Material 2 text styles and colors are being phased out.
Please open Telegram to view this post
VIEW IN TELEGRAM
π₯6β€1
Mobile Tech
Also, there are a few new docs and sections:
π₯ Adaptive and responsive design - https://docs.flutter.dev/ui/adaptive-responsive
π₯ Conditionally bundling assets based on flavor - https://docs.flutter.dev/deployment/flavors#conditionally-bundling-assets-based-on-flavor
π₯ Flutter WASM docs - https://docs.flutter.dev/platform-integration/web/wasm
π₯ Flutter web app initialization - https://docs.flutter.dev/platform-integration/web/bootstrapping
π₯ Asset transformation - https://docs.flutter.dev/ui/assets/asset-transformation
Guide for beginners - https://docs.flutter.dev/get-started/fwe
Flutter install improved docs - https://docs.flutter.dev/get-started/install
Three new codelabs and a new guide for the Games Toolkit - https://docs.flutter.dev/resources/games-toolkit
π₯ Adaptive and responsive design - https://docs.flutter.dev/ui/adaptive-responsive
π₯ Conditionally bundling assets based on flavor - https://docs.flutter.dev/deployment/flavors#conditionally-bundling-assets-based-on-flavor
π₯ Flutter WASM docs - https://docs.flutter.dev/platform-integration/web/wasm
π₯ Flutter web app initialization - https://docs.flutter.dev/platform-integration/web/bootstrapping
π₯ Asset transformation - https://docs.flutter.dev/ui/assets/asset-transformation
Guide for beginners - https://docs.flutter.dev/get-started/fwe
Flutter install improved docs - https://docs.flutter.dev/get-started/install
Three new codelabs and a new guide for the Games Toolkit - https://docs.flutter.dev/resources/games-toolkit
docs.flutter.dev
Adaptive and responsive design in Flutter
It's important to create an app, whether for mobile or web, that responds to size and orientation changes and maximizes the use of each platform.
β€12π2π₯2π₯°1
Screen Recording 2024-05-18 at 20.43.37.mov
3.3 MB
In the meantime, I have created a custom popup that positions follower widget relatively to a target and prevents it from overflowing the screen.
#flutter
Please open Telegram to view this post
VIEW IN TELEGRAM
π₯11π3
Badge positioning implemented using SingleChildLayout
https://gist.github.com/hawkkiller/b0f5de60088c764dc331caec895fdd4e
https://gist.github.com/hawkkiller/b0f5de60088c764dc331caec895fdd4e
π₯8π1
Screen Recording 2024-05-20 at 22.39.55.mov
6.2 MB
Just implemented another useful feature for popups - ability for a follower to be given the same width/height as for the target.
π₯7π4
Master popups in Flutter: dropdowns, overlays, menus, and more.
https://lazebny.io/popups-in-flutter/
https://lazebny.io/popups-in-flutter/
Michael Lazebny
Popups in Flutter
Master popups in Flutter: dropdowns, overlays, menus, and more. Learn how to position popups correctly and manage overflow.
π₯11β€5π5
Some of my plans for June:
- land a few updates to Sizzle starter (improved http client, tests, structure and docs)
- write RTE (rich text editor) specification (Iβm planning to build editor some time I have clear understanding of all the details)
- article about Focus in flutter (tab traversal, shortcuts, screen reader, how does it work under the hood)
- land a few updates to Sizzle starter (improved http client, tests, structure and docs)
- write RTE (rich text editor) specification (Iβm planning to build editor some time I have clear understanding of all the details)
- article about Focus in flutter (tab traversal, shortcuts, screen reader, how does it work under the hood)
π₯12
Avoid these dart libraries. Briefly about their drawbacks and better alternatives.
https://lazebny.io/avoid-these-dart-libraries/
#flutter #flutterdev #dart
https://lazebny.io/avoid-these-dart-libraries/
#flutter #flutterdev #dart
Michael Lazebny
Avoid These Dart Libraries
This article lists popular Dart and Flutter libraries that are not recommended, including Riverpod, Get, Get_it, Hive, and Stacked.
π15π₯6π€4π2π1π―1
Implemented this chart using CustomPainter in Flutter.
25π and I will publish the source code :)
25π and I will publish the source code :)
π55π€‘3π₯1
Iβm researching the internals of EditableText (widget that is used by TextField)
Planning to write an article about how it renders text, manages selection and communicates with platform
Sounds interesting? Pressπ
Planning to write an article about how it renders text, manages selection and communicates with platform
Sounds interesting? Press
Please open Telegram to view this post
VIEW IN TELEGRAM
π57
New article is coming on Monday. It is about Focus System - Focus Tree, Traversal and Key Events!
π₯9π3β€2