Sorting Lists in Dart and Flutter (5 Examples)
In this article, we’ll walk through a couple of examples of sorting lists in Dart (and Flutter as well), a common task that you may have to deal with in the majority of your projects. The…
Flutter: Customizing the TextField’s Underline
In Flutter, you can customize the color, thickness, and style (actually, there are only 2 types for underline: solid and none) of a TextFIeld’s underline by using the parameters from the InputDecoration class listed below: enabledBorder…
A Complete Guide to Underlining Text in Flutter (2021)
This article walks you through a few examples of underlining Text in Flutter (with instructions and explanations), in order from easy to advanced, from simple to complex. Example 1: Basic The TextStyle class has a parameter…
How to disable Web and Desktop support in Flutter
If your goal with Flutter is just to build apps for Android and iOS, then you can disable web and desktop-related things. This makes your projects a little cleaner and lighter. Solution Web In order to…
Flutter + Firebase Storage: Upload, Retrieve, and Delete files
This is a detailed and easy-to-understand guide to working with Flutter and Firebase Storage. We will build an app with common functionality like upload images, display uploaded images from Firebase Storage in a ListView, and delete…
2 Ways to Add Multiple Floating Buttons in Flutter (2021)
This article shows you a couple of different ways to add multiple floating buttons into a single screen in Flutter. Using Self-Written Code Overview The Scaffold widget has a parameter named floatingActionButton that can take not…
How to create a Filter/Search ListView in Flutter (2021)
This article is about making a filter/search ListView in Flutter. We will take a quick look at the approach to get the job done then go through a concrete and complete example of applying that approach….
How to create Blur Effects in Flutter (2021)
This article shows you how to create blur effects in Flutter. We’ll go through 2 complete examples. The first example makes a blurred background image and the second one, a little bit more complex and longer,…
Flutter: 2 Ways to Create Gradient Background Buttons (2021)
This article shows you a few ways to make buttons with gradient background colors in Flutter without causing side effects like missing ripple effect or producing unwanted borders. We’ll walk through 2 different examples. The first…
Flutter: Make a TextField Read-Only or Disabled
This article shows you how to make a TextFiled read-only or disabled in Flutter. Overview If a TextField is disabled, it can not be focused and ignores taps. We can control whether a TextField is disabled…
Flutter: Adding a Clear Button to a TextField (2021)
This article shows you how to add a clear button to a TextField in a Flutter application so that a user can quickly remove the text he or she has entered. What is the point? We’ll…
Flutter: Add a Character Counter to TextField
This article shows you how to add a custom character counter to a TextField (you can also use TextFormField as well) in Flutter. Overview 1. We will display the number of characters entered (including the spaces…