Flutter

This article is about the StatefulBuilder widget in Flutter. We’ll cover the fundamentals of the widget then examine a complete example of using it in action. Overview The StatefulBuilder widget makes it possible to rebuild......

In Flutter, the overflow property of the Text, RichText, and DefaultTextStyle widgets specifies how overflowed content that is not displayed should be signaled to the user. It can be clipped, display an ellipsis (three dots), fade, or......

Many web and mobile applications have forms to allow users to enter some information such as names, email addresses, phone numbers, zip codes, passwords, etc. Form validation in Flutter allows error messages to be displayed if the......

This article covers almost everything you need to know about using Font Awesome icons in Flutter. Overview Font Awesome is a popular icon kit for websites and mobile apps which contains thousands of free icons (you can see the full......

This practical article shows you two different ways to programmatically detect whether the soft keyboard is showing up or not in a Flutter application. The first approach uses self-written code and the second one uses a third-party......

This article walks you through 4 different examples of using FloatingActionButton (FAB) in Flutter. These examples are arranged in order from basic to advanced, from simple to complex. Without any further ado, let’s get......

This article is about the AnimatedOpacity widget in Flutter. Preface The purpose of AnimatedOpacity, as the name implies, is to animate its child’s opacity over a given duration: AnimatedOpacity({ Key? key, Widget?......

The ExpansionTile widget in Flutter is used to create expansible and collapsable list tiles. This article walks you through 2 examples of using that widget in practice. The first example is short and simple while the second one is a......

In this article, we’ll explore the fundamentals of the MaterialBanner widget in Flutter and then walk through a complete example of implementing it in practice. Without any further ado, let’s get......

This article will show you how to customize the system navigation bar in an Android application written in Flutter such as changing the background color and the icon brightness, hiding or showing the bar while the app is......

By default, the page title of a Flutter web app is controlled by the title property of the MaterialApp widget but what if you want to update it when the app is running? This article shows you a couple of different approaches that can......

This article walks you through 3 different ways to cancel a future in Flutter and Dart. Using async package (recommended) The async package is developed and published by the authors of the Dart programming language. It provides......