Hit-testing in Flutter - a low-level mechanism that powers the gesture system.
🔥 First milestone passed!
It is about two months since I started writing paid articles.
Writing is thrilling yet difficult activity because it requires an excellent knowledge of a topic and skills of writing and conveying the idea in easy way.
Though I believe I'm becoming better in it with each new article :)
It is about two months since I started writing paid articles.
Writing is thrilling yet difficult activity because it requires an excellent knowledge of a topic and skills of writing and conveying the idea in easy way.
Though I believe I'm becoming better in it with each new article :)
We are 500! 🎉 🎉
Hi to all the newcomers! I share some valuable insights about Dart & Flutter here, write articles and sometimes contribute to open-source 😁️️️️️️
Some interesting links:
My flutter template - https://github.com/hawkkiller/sizzle_starter
GitHub - https://github.com/hawkkiller
Blog - https://lazebny.io/
Hi to all the newcomers! I share some valuable insights about Dart & Flutter here, write articles and sometimes contribute to open-source 😁️️️️️️
Some interesting links:
My flutter template - https://github.com/hawkkiller/sizzle_starter
GitHub - https://github.com/hawkkiller
Blog - https://lazebny.io/
Please open Telegram to view this post
VIEW IN TELEGRAM
GitHub
GitHub - hawkkiller/sizzle_starter: Production ready template for flutter applications.
Production ready template for flutter applications. - hawkkiller/sizzle_starter
User or Profile?
User and profile concepts are closely related yet serve distinct purposes.
In essence, a user refers to an account or identity used for accessing system resources, typically including attributes such as a username, password, email address, and role.
Conversely, a profile represents more detailed personal information and preferences associated with the user, which might include their first name, last name, age, and other settings specific to how they interact with the system.
#tip
User and profile concepts are closely related yet serve distinct purposes.
In essence, a user refers to an account or identity used for accessing system resources, typically including attributes such as a username, password, email address, and role.
Conversely, a profile represents more detailed personal information and preferences associated with the user, which might include their first name, last name, age, and other settings specific to how they interact with the system.
#tip
A while ago compute function from flutter SDK has moved to dart.
Incredibly easy and efficient way to process something in a different thread.
https://youtu.be/PPwJ75vqP_s?si=bqjge122nwFCBkIw
Incredibly easy and efficient way to process something in a different thread.
https://youtu.be/PPwJ75vqP_s?si=bqjge122nwFCBkIw
YouTube
Isolates (Technique of the Week)
If your Flutter app has jank due to a heavy computation, use Isolate.run() to move that computation to a new isolate.
Isolate class → https://goo.gle/3vvBKi4
Use isolates in your Flutter app → https://goo.gle/43DiXxL
Article about Isolate.run → https…
Isolate class → https://goo.gle/3vvBKi4
Use isolates in your Flutter app → https://goo.gle/43DiXxL
Article about Isolate.run → https…
Dart program finishes when the main function is removed from the call stack.
Anonymous Quiz
52%
Yes
48%
No
Please open Telegram to view this post
VIEW IN TELEGRAM
Code style of flutter repository, quite interesting to read.
https://github.com/flutter/flutter/wiki/Style-guide-for-Flutter-repo
https://github.com/flutter/flutter/wiki/Style-guide-for-Flutter-repo
GitHub
Style guide for Flutter repo
Flutter makes it easy and fast to build beautiful apps for mobile and beyond - Style guide for Flutter repo · flutter/flutter Wiki
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
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.
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
Badge positioning implemented using SingleChildLayout
https://gist.github.com/hawkkiller/b0f5de60088c764dc331caec895fdd4e
https://gist.github.com/hawkkiller/b0f5de60088c764dc331caec895fdd4e
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.