Creating a Customizable Playing Card Widget in Flutter

Developing games or apps that simulate board games always brings interesting UI challenges. Recently, while creating a version of the classic card game Blackjack in Flutter, I found myself needing a playing card component that was not only functional but also visually appealing and, above all, reusable. In this post, I’ll guide you through the process of creating PlayingCard, a widget that renders both the front and back of a card, is fully customizable in size, and was the centerpiece of my Blackjack game. ...

July 22, 2025 · 6 min

Flutter Custom Progress Bar

In many applications, we need a visual way to show the progress of a task, whether it’s loading a file, advancing a level in a game, or the steps in a form. I recently came across this need and decided to create my own progress bar widget in Flutter. In this post, I’ll share the process of creating a CustomProgressBar, a reusable, animated, and easy-to-use widget. And best of all, the code is available in a public repository for anyone to use! ...

July 21, 2025 · 3 min

Tutorial: Flutter App Internationalization with 'flutter_localizations' and 'intl'

This tutorial will guide you through the process of adding multi-language support (internationalization and localization) to your Flutter application, using the flutter_localizations and intl packages for Material Design widgets. 1. Introduction Internationalization (i18n) is the process of designing and developing an application so that it can be adapted to different languages and regions without engineering changes. Localization (l10n) is the process of adapting an application for a specific locale or market by adding locale-specific components and translating text. ...

June 30, 2025 · 7 min

How to Remove the Flutter Debug Banner in Just One Step

Changelog: Code updated to Flutter 3.10. Every Flutter application comes in debug mode by default, which means that the debug banner is shown. It serves only to remind us that the application is in debug mode, and when you switch to release mode, this banner will not be present. But this banner can be annoying to some people, like me, during the development of the app. To remove it, simply set the value of the debugShowCheckedModeBanner property to false in your MaterialApp: ...

May 7, 2023 · (updated May 28, 2023) · 1 min