Deconstructing Flutter

Understanding Flutter rendering pipeline: Build phase

Flutter’s rendering pipeline is a highly optimized process that transforms your declarative UI code into pixels on the screen. With a deep…

458 views20:14

A collection of resources to learn how to make responsive UI in Flutter.

https://deconstructingflutter.substack.com/p/responsive-design

285 views21:23

Published an article on mistakes with TextFormFields in Flutter, such as not using:
- text input action
- submit callback
- proper input types
- text capitalization
- input formatter
- autofill hints and groups

https://medium.com/@pomis172/common-mistakes-with-textformfields-in-flutter-8adc8af1a9af

Common mistakes with TextFormFields in Flutter

When it comes to mobile development, even small missteps in designing forms can have a big impact, not just on user experience but also on…

384 views15:21

Some articles to broaden your knowledge of streams:

https://deconstructingflutter.substack.com/p/deconstructing-flutter-vol-5-streams

287 views18:38

A collection of resorces to improve your workflow:

https://deconstructingflutter.substack.com/p/deconstructing-flutter-vol-6-productivity

Deconstructing Flutter vol. 6: Productivity & Tooling

Setting up a good development workflow can save time and reduce frustration. This issue covers tools and techniques for automating tasks, customizing VSCode, managing Flutter versions, and debugging m

236 views20:22

A new tutorial on Flutter's ButtonStyle:
- making some use of AI
- animating shape, text, and background
- hover state
- size adjustments
- elevation

https://medium.com/@pomis172/mastering-buttonstyle-in-flutter-95bbec3147fb

Mastering ButtonStyle in Flutter

In this tutorial, we are going to implement a custom-styled button step by step. If you are not familiar with WidgetStates, I recommend…

266 views15:40

A small collection of resources to learn more on gestures in Flutter

https://deconstructingflutter.substack.com/p/deconstructing-flutter-vol-7-gesture

Deconstructing Flutter vol. 7: Gesture Detection

A curated collection of resources for implementing gestures in Flutter applications. These materials cover everything from basic touch handling to complex interactions

236 views16:00

Updated the article about ListViews:
- one more example of what not to do (SingleChildScrollView + Column)
- more references to Flutter sources
- more explanations
- more measurements

https://medium.com/@pomis172/common-mistakes-with-listviews-in-flutter-f22e7dacfaf7

Common mistakes with ListViews in Flutter

The main advantage of using ListView.builder is that it utilises an optimisation mechanism that initialises only these items, that are…

285 views15:24

Added more examples to the article about common mistakes with Images in Flutter:
- not setting sizes for images
- ignoring the Vector Graphics Compiler

https://medium.com/@pomis172/common-mistakes-with-images-in-flutter-aba46288e20d

Common mistakes with Images in Flutter

Images are one of the core features that almost every app uses. Yet, there are several very common ways to affect the application…

242 views14:08

A new article about common mistakes with Text widgets in Flutter:
- not handling overflow
- typography inconsistencies
- poor contrast ratio

https://medium.com/@pomis172/common-mistakes-with-text-widgets-in-flutter-66aba072573d

Common mistakes with Text widgets in Flutter

Drawing text is an essential part of every application, users should be able to read the text regardless of the contents or the weather…

291 views14:42

This issue covers everything from basic theme setup to advanced techniques like adaptive theming and animated theme switching.

https://deconstructingflutter.substack.com/p/deconstructing-flutter-vol-9-themes

Deconstructing Flutter vol. 9: Themes and Styles

Flutter offers powerful theming capabilities that allow developers to create consistent, visually appealing user interfaces. This issue explores various aspects of theming in Flutter, from basic conce

257 views23:30

Flutter Voronezh Meetup | Common mistakes with Flutter

Recently, I gave my first tech talk. It's in Russian and mainly covers topics from my articles.

https://www.youtube.com/live/J92zxoULBwc?si=vsIRZTWZ2EVuEkSk

YouTube

На этом митапе разберём распространённые ошибки во Flutter-разработке и способы их избежать.

Поговорим про:
ListView — ошибки с lazy loading и вычислением размеров;
OAuth — подводные камни безопасности и удобства использования;
Изображения — оптимизация…

333 viewsedited 09:12

New issue on Deep Links in Flutter! Learn how to direct users to specific content in your app from external sources.
https://deconstructingflutter.substack.com/p/deep-links

Also, there is an issue on Overlays, haven’t posted it here last week:
https://deconstructingflutter.substack.com/p/deconstructing-flutter-vol-10-overlays

278 views11:19

Not all popular Flutter packages deserve their fame.

https://deconstructingflutter.substack.com/p/deconstructing-flutter-vol12-state

Deconstructing Flutter vol.12: State Management Packages to Avoid

This issue examines some widely-used state management packages that have received criticism, helping you make more informed decisions about your app architecture.

239 views08:02

Just posted a new article on decorating the text inputs:

- InputDecoration vs. InputDecorationTheme
- How do they work together?
- What are the other properties?
- Hint, Label, Counter, etc
- Borders and BorderSide
- Gradients

Mastering InputDecoration in Flutter

Customization of built-in text input widget in Flutter is a bit tricky, and it’s so tempting to just create your own widget on top of…

229 views22:27

This media is not supported in your browser

0:10

VIEW IN TELEGRAM

Updated article about ButtonStyle with a background gradient example

180 views13:58

Updated my old article about WidgetState with new info:
- examples with InkWell, Checkbox, AppBar, and a few other widgets
- using a fromMap method instead of resolveWith

Mastering WidgetState in Flutter

In this article, we are going to have an overview of how WidgetState works understand how state properties work and how to use them in our…

206 viewsedited 12:16

Fragment shaders in Flutter let you create complex visuals that run directly on GPU. This issue covers some theory, practical examples, and implementation guides.

Deconstructing Flutter vol. 13: Fragment Shaders

Fragment shaders let you manipulate pixels directly on the GPU, creating visual effects impossible with regular UI widgets.

231 views07:03

Smaller apps download faster and use less storage. Obfuscation makes your code harder to reverse engineer, protecting your work. Both help improve user experience and app security.

https://deconstructingflutter.substack.com/p/deconstructing-flutter-vol-14-obfuscation

Deconstructing Flutter vol. 14: Obfuscation & Minification

Smaller apps download faster and use less storage. Obfuscation makes your code harder to reverse engineer, protecting your work. Both help improve user experience and app security.

205 views07:37

Reworked the old article about shapes:
- class hierarchy overview
- more examples on built-in shape border implementations
- updated custom border example
- removed clipping examples from article

Big thanks to PlugFox for pointing out issues with the previous revision of the article

A new separate article on clipping with more meaningful examples is coming later