The Problem When working with one of the recent versions of Flutter, you might be annoyed by the following warning: This warning means that you should not use BuildContext after an async operation because the widget…

This practical, example-based article shows you how to pick an image (from the user’s device) in a Flutter web application and then display the selected image on the screen. What is the point? To get the…

In Flutter, keys are identifiers for widgets, elements, and semantics nodes. They are used to preserve the state of widgets when they move around the widget tree. There are different types of keys in Flutter: GlobalKey,…

This concise and straightforward article shows you how to programmatically determine the width and height of a network image in Flutter. What is the point? The steps to get the size of a network image are…

This practical, code-centric article will show you how to sort a list of objects/maps by date in Flutter. The point is to use the sort() method of the List class and pass a custom comparison function…

When developing applications with Flutter and Dart, there might be situations where you need to extract a list of dates between two given dates. This concise and straightforward article will show you a couple of different…

This concise, example-based article shows you how to place multiple ListViews inside a Column in Flutter. The TL;DR To put multiple ListViews inside a Column in Flutter, you have to provide a constrained height for each…

This concise, practical article shows you how to implement a zebra striped ListView in Flutter. Overview Imagine you have a list of things on your phone or computer screen. Now, imagine that each thing on the…

ASCII stands for American Standard Code for Information Interchange, is a character encoding standard that uses a 7-bit binary code to represent 128 possible characters, including letters, digits, punctuation marks, and control codes. For example, the…

When using your app, users may unintentionally include leading or trailing whitespace when inputting data, which can result in inconsistent data. Trimming the whitespace ensures that the data is consistent and easier to work with. In…

In web and mobile applications, a number stepper input is a user interface control that allows users to increase or decrease a numerical value using plus (+) and minus (-) buttons. The current value is displayed…

This practical, example-centric article shows you how to create a countdown timer app in Flutter. We’ll write code from scratch without using any third-party libraries. Overview About Countdown Timers A countdown timer can be a standalone…