flutter - fz3hra's blog

Sign in Subscribe

flutter

A collection of 15 posts

Generated Image by Gemini

Flutter Merge Threads #BreakingChanges

In older versions, Flutter ran multiple threads to keep things smooth: * UI Thread → where your Dart code runs. * Raster Thread → where the engine turns that UI into pixels. These two worked in sync to render frames efficiently. Alongside them, Flutter also had the Platform Thread, which runs native code (Swift

From Design to Code - Creating “Your BMI Buddy” with Flutter [Part 1]

From Design to Code - Creating “Your BMI Buddy” with Flutter [Part 1]

Today, I’m excited to introduce my very own design — Your BMI Buddy! Honestly, it wasn’t easy getting this done, and I have to say — hats off to all the designers out there! This may not be the most perfect design yet, but I’m still learning and trying

When Dart Stops Formatting Your Code the Way You Want

I have been noticing something odd for a while now. Whenever I save a Dart file, my code suddenly gets formatted, in a not very good way. Here is what it looks like after saving: And here is what it used to look like before: Honestly, it is not just

[Dart] WildCard Variables

[Dart] WildCard Variables

Did you know that wildcard variables were introduced in Dart 3.7? Let’s explore what they are and why you might want to use them. So... What is a WildCard Variable? A wildcard variable _ declares a local variable or parameter that is non-binding. It serves as a placeholder. Where

[Flutter - part 3] Passing Data Efficiently Across Widgets

[Flutter - part 3] Passing Data Efficiently Across Widgets

As our Flutter projects grow, passing and accessing data down the widget tree can quickly become cumbersome. Let us take a simple example. Imagine you have a Parent Widget that has a color property which a deeply nested Child Widget (E) needs to access. Normally, you would have to pass

[Flutter - part 2] Understanding Stateful Widget

[Flutter - part 2] Understanding Stateful Widget

Previously in my post about "understanding stateless" widget🔗 we saw how they are immutable configurations. But, have you ever wondered how your UI gets updated? Well, that's exactly where Stateful Widget comes in. Stateful Widget By definition, a stateful widget is one that has a mutable state. It can store

[Dart]: Understanding Isolates

[Dart]: Understanding Isolates

As you may know, Dart is a Single Thread Language where operations are executed one at a time, one after the other, in a purely synchronous manner. In other languages like C++, multiple threads can share the same memory and run whatever code you may want. However, in Dart, each

[Flutter] Create Private Packages

[Flutter] Create Private Packages

My journey with Flutter packages began when I had to build one from scratch. Today, I am excited to share my experiences and insights on this topic. I even discussed it at Google I/O'23, but here we are for those who truly want to understand the concepts and build

Android: Overcoming the 64K Method Limit in Android Apps

Android: Overcoming the 64K Method Limit in Android Apps

In the ever-evolving world of Android development, encountering errors is a part of the journey. A common hurdle many of us face is the notorious Multidex error. Let's dive into what this error is, why it occurs, and how I tackled it in my recent Flutter project. What is Multidex?

Understanding stateless widget [Flutter Edition - Part 1]

Understanding stateless widget [Flutter Edition - Part 1]

Flutter, a popular framework for building cross-platform apps, is unique in its approach to UI design through widgets. Among these, stateless widgets play a fundamental role. Let’s demystify what they are and how they function. The essence of a stateless widget A stateless widget never changes. Icon, IconButton, and

Flutter Layouts - Part 1

Flutter Layouts - Part 1

Understanding Column and Row layouts: MainAxisSize, MainAxisAlignment and CrossAxisAlignment In Flutter, the layout of widgets in a Row or Column is crucial for creating well-structured user interface. To achieve this, you need to understand the concepts of MainAxisSize, MainAxisAlignment, and CrossAxisAlignment. 1. mainAxisSize. According to the Flutter Documentation, the MainAxisSize

Dart extension method in Flutter projects

Dart extension method in Flutter projects

What is the Dart Extension Method? The Dart Extension Method allows us to add functionality to existing libraries and classes. Extensions can not only define methods but also other members such as getter, setters, and operators. syntax for Dart Extension Method: extension ? on { ()* } where ‘extension name’ is the name of

Deep Dive into Flutter Design Patterns [part 1]

Deep Dive into Flutter Design Patterns [part 1]

What are Design Patterns? Design Patterns are solutions to software design problems that we encounter in real world application development and blueprints that can be customised to fit our use cases. Also consists of the 23 Gang of Four (GoF) pattern and are categorised into * Creational Design Pattern * Structural Design

Binary Search using Dart

Binary Search using Dart

Deep diving into Binary Search What is Binary Search? Binary Search, also known as logarithmic or half interval search, is a search algorithm that allows us to find the position of a target value within a sorted array. The Binary Search will compare the target value to the middle element

Flutter text overflow

Flutter text overflow

Flutter Flutter is an open source framework by Google for building beautiful, natively compiled, multi-platform applications from a single codebase. How to solve text overflow caused by your Text Widget in Flutter? In this Article, we will be tackling the different ways that text overflow can be solved in Flutter.