Mobile Tech
1.13K subscribers
91 photos
8 videos
6 files
138 links
Michael Lazebny's blog about @dart and @flutter
lazebny.io
Download Telegram
πŸ‘4❀‍πŸ”₯1
Sharing GraphQL lifehack
Here's how you can enable autocompletes for fields/fragments/queries:

1. Install graphql plugin (IntelliJ, VsCode)
2. Create graphql.config.yml in the root:

schema:
- "schema.graphqls"
documents:
- "**/*.graphql"


Enjoy autocompletes and analysis!
πŸ‘9❀1
Learn how scroll works in Flutter, the differences between scroll widgets, and how to build efficient layouts using slivers for best performance.

https://lazebny.io/flutter-slivers

#article #flutter #slivers
πŸ”₯8❀2
I created a simple but much more powerful alternative to Widgetbook, Storybook, and similar tools.

It automatically generates routes for GoRouter (supports deep links).

It also makes it very easy to create configurations, fields, etc., for customizing widgets.

This is just an exampleβ€”it will be improved over time and might eventually be added to sizzle starter or a separate package.

Github Link

#flutter
πŸ‘11πŸ₯°4πŸ”₯3❀1
Rust is an amazing language for FFI in Dart

All you need to do is define the extern C function, run cbindgen to generate a C header file, and then run ffigen, which generates safe Dart bindings.

Here is how I implemented upscale using Rust's "image" crate, which is 50x faster than dart's "image" package.

I think this is not the best solution and if you know how to improve it, it would be greatly appreciated! :)

#dart #rust #ffi
πŸ‘11❀3
This media is not supported in your browser
VIEW IN TELEGRAM
Created a minimal example of custom AppBars using SliverPersistentHeaderDelegate.Take a look here https://github.com/hawkkiller/pageheader/blob/main/lib/page_header.dart

#flutter #flutterdev
πŸ‘13❀‍πŸ”₯2πŸ”₯2
Interesting post about showing yearly vs monthly prices first

TLDR: Showing monthly prices by default is better :)
πŸ‘12❀1
You can pin the toolbar to the top of your vscode window.

https://x.com/TahaTesser/status/1917094263000584605
πŸ”₯30❀1
The next article will be about building efficient CI pipelines for large flutter projects
πŸ”₯13πŸ‘6❀3
Happy to share that Sizzle Starter is now updated to Flutter 3.32.0

Together with this update, I have landed a few important ones:
- Now app (root) project is located in "app" folder. This stimulates modularization principles
- flutter gen-l10n is not used anymore for localizations in favor of intl_utils (from Localizely)
- some other minor changes..

https://github.com/hawkkiller/sizzle_starter
πŸ”₯11πŸ‘4
Mobile Tech
Happy to share that Sizzle Starter is now updated to Flutter 3.32.0 Together with this update, I have landed a few important ones: - Now app (root) project is located in "app" folder. This stimulates modularization principles - flutter gen-l10n is not used…
Following updates might be focused on modularization practices, such as moving features to feature-modules and shared code into corresponding packages, so they are more reusable.
If you want to make your VS Code indentation a bit more beautiful for #Flutter widgets, set "dart.previewFlutterUiGuides" to true

If I'm not mistaken, the same thing exists in IDEA :)
❀10πŸ‘4
I have started working on my next article, which is about semantics and accessibility in Flutter.

We will discuss how to design components to make them accessible to users. You will learn how to use the Semantics widget correctly and understand the differences between semantics properties and widgets. Finally, I will demonstrate how to debug accessibility, write tests, and confirm that you are heading in the right direction.
πŸ”₯12πŸ‘2😁2😱1