Flutter: Text with Read More / Read Less Buttons
Updated: Oct 06, 2022
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......
Using Stepper widget in Flutter: Tutorial & Example
Updated: Oct 05, 2022
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......
Using BlockSemantics in Flutter: Tutorial & Example
Updated: Oct 05, 2022
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
Updated: Oct 05, 2022
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......
Flutter: Creating OTP/PIN Input Fields (2 approaches)
Updated: Oct 05, 2022
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......
Flutter: Dismiss Keyboard when Tap Outside Text Field
Updated: Oct 05, 2022
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......
Using IntrinsicWidth in Flutter: Tutorial & Example
Updated: Oct 05, 2022
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......
Flutter: Adding a Gradient Border to a Container (2 Examples)
Updated: Oct 05, 2022
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......
Flutter: Making Beautiful Chat Bubbles (2 Approaches)
Updated: Oct 05, 2022
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,......
Flutter: Creating Strikethrough Text (Cross-Out Text)
Updated: Oct 05, 2022
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......
Flutter Slider: Tutorial & Example
Updated: Oct 05, 2022
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......
Flutter: Firing multiple Futures at the same time with FutureGroup
Updated: Oct 04, 2022
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......