Flutter web: Removing hash symbol (#) from all URLs
This article shows you how to remove the hash symbol (#) from Flutter web application URLs. You’ll also learn a technique to avoid a common error you will likely run into if you’re building a cross-platform…
Flutter: Programmatically Check Soft Keyboard Visibility
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…
Flutter: Floating Action Button examples (basic & advanced)
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 started. Large…
Flutter: AnimatedOpacity example
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: You can control the rate of animation change…
How to Get Device ID in Flutter (2 approaches)
This article walks you through 2 examples that demonstrate how to get the device identifier in Flutter. Using platform_device_id If you need only the id of the device that your app is running on, the simplest…
Flutter: ExpansionTile examples
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…
Working with MaterialBanner in Flutter
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 started. Overview MaterialBanner is used…
Flutter: Show/Hide text labels of BottomNavigationBar items
In Flutter, you can show or hide text labels of items of a BottomNavigationBar by using the showSelectedLabels and showUnselectedLabels properties: Example 1 In this example, only the label of the selected item is shown. Screenshot:…
Flutter: Your project requires a newer version of the Kotlin Gradle plugin
This short article shows you how to solve a problem you might encounter when developing an Android app with Flutter. The Error When trying to start a Flutter project with an Android emulator, I ran into…
3 Ways to Cancel a Future in Flutter and Dart
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…
Dart: Converting a List to a Set and vice versa
In Dart, a list is an indexable collection of objects with a length while a set is a collection of objects where each object can occur only once. This short article shows you how to convert…
Flutter & Dart: Count Occurrences of each Element in a List
When working with Dart and Flutter, there might be cases where you want to count the occurrences of each element in a given list. The best strategy to get the job done is to use a…