[Solved] Flutter: Don’t use BuildContexts across async gaps
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…
Flutter Web: How to Pick and Display an Image
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…
Flutter: Global, Unique, Value, Object, and PageStorage Keys
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,…
Flutter: Get the Width & Height of a Network Image
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…
Flutter & Dart: Sorting a List of Objects/Maps by Date
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…
Flutter & Dart: Get a list of dates between 2 given dates
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…
Flutter: How to put multiple ListViews inside a Column
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…
How to create a zebra striped ListView in Flutter
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…
Dart: Get Strings from ASCII Codes and Vice Versa
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…
Flutter & Dart: How to Trim Leading and Trailing Whitespace
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…
Flutter: Creating a Custom Number Stepper Input
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…
How to Create a Countdown Timer in Flutter
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…