Flutter: Text with Read More / Read Less Buttons
This article shows you how to implement text with a read more / read less button in Flutter without using any third-party plugins. What Is The Point? When displaying long text in your app, you might…
Flutter: Making a Dropdown Multiselect with Checkboxes
This article shows you 2 different ways to implement a dropdown multi-select with checkboxes in Flutter. In the first approach, we will build the multi-select from scratch. In the second approach, we will get the job…
Using Stepper widget in Flutter: Tutorial & Example
This article is about the Stepper widget in Flutter. A Brief Overview A stepper presents the progress through a sequence of logical and numbered steps. Some of the common stepper use cases are: A user makes…
Using Provider for State Management in Flutter (updated)
This article is about using Provider to manage states in Flutter applications. I first wrote this article a couple of years ago, but since the world is constantly changing, I felt the need to recheck and…
Using BlockSemantics in Flutter: Tutorial & Example
This article is about the BlockSemantics widget in Flutter. Overview Semantics are used by accessibility tools, bots, and other semantic analysis software to determine the meaning of the application. To be able to see the semantic…
AbsorbPointer widget in Flutter: Tutorial & Example
This article walks you through an end-to-end example of implementing the AbsorbPointer widget in a Flutter application. A Brief Overview AbsorbPointer, as the name describes itself, is a built-in widget in Flutter that absorbs pointers. The…
Flutter: TextField and Negative Numbers
In Flutter, if you want to create a TextField that is optimized to take numerical inputs, you can set the keyboardType parameter to TextInputType.number. However, with this implementation, the soft keyboard on iOS doesn’t have a…
Flutter: Creating OTP/PIN Input Fields (2 approaches)
This article shows you a couple of different ways to implement OPT/PIN input fields in Flutter. What is the point? A real-world OTP (one-time password) or PIN input UI usually satisfies the following minimum requirements: There…
Using IntrinsicWidth in Flutter: Tutorial & Example
IntrinsicWidth is a built-in widget in Flutter that is used to size its child to the child’s maximum intrinsic width. The constraints that IntrinsicWidth passes to its child will adhere to the parent’s constraints. Overview Constructor:…
Flutter: Adding a Gradient Border to a Container (2 Examples)
This article walks you through 2 examples of adding a gradient border to a Container in Flutter. The Solution Even though Flutter doesn’t provide a direct way to implement gradient borders, we can do it ourselves…
Flutter: Making Beautiful Chat Bubbles (2 Approaches)
This article walks you through a couple of different ways to create beautiful, professional chat bubbles in Flutter. In the first approach, we will write code from scratch and only use built-in stuff of Flutter like…
Flutter: SizedOverflowBox example
The SizedOverflowBox widget in Flutter, as its name describes itself, is used to create a box with certain width and height but lets its child overflow. You can implement a SizedOverFlow box as follows: Where: size:…
