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 want to show only the first......
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 a purchase and......
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......
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......
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......
This article shows you a simple way to dismiss the soft keyboard when the user taps somewhere outside a text field in your Flutter app. What is the point? A realistic scenario If you use a TextField (or TextFormField) with a......
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......
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 with a few......
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 CustomPainter,......
This concise article shows you how to create a strikethrough text (cross-out text) in Flutter. The TL;DR You can get the job done easily by setting the decoration property of the TextStyle class to TextDecoration.lineThrough, like......
This article is about the Slider widget in Flutter. We will explore the fundamentals of this widget and walk through a complete example of using it in practice. A Brief Overview The Slider widget creates a material design slider......
This article shows you how to fire multiple futures at the same time and run them in parallel by using the FutureGroup class in Flutter. We’ll explore the fundamentals of the class and then walk through a complete example of......