Hello Flutter developers, in this article, we are going to learn how to use custom colors using Material 3 (M3). Since M3 was announced, people have started asking many questions regarding it because there is not that good documentation or explanation of how to use specific cases like Extended Colors. Gladly, I’m writing this article to guide you step by step on how can we implement custom colors in Flutter using Material 3. So, without further ado, let’s begin. Step 1: Enable Material 3 in your project and set colors (Optional) Before we begin, let’s make sure that you have enabled Material 3 ..read more

While styling the flutter application, you may be used to Color .fromRGBO(), however, the commonly used approach in higher-level development is hexadecimal since most of the design’s colors are made with it, and it’s easier right away to use Color with hexadecimal in a flutter. In this article, we will learn how to use hexadecimal with the Color class Hexadecimal Color () Color() class constructs a color from the lower 32 bits of an int. The bits are interpreted as follows: Bits 24-31 are the alpha value. Bits 16-23 are the red value. Bits 8-15 are the green value. Bits 0-7 are the blue value ..read more

When you develop an app, routing navigation is one of the most travail questions that many new developers search for. Not only routing in the app has to be simple and understandable, but also scalable. In this article, you will learn how to create simple and scalable named route navigation using the Flutter framework and GetX package. Set up a project structure for routing The very first step that all new developers should do when they implement routing in their app is to create the right project structure. This will allow us to simplify many extra coding and also make it scalable. Assuming we ..read more

While reading some Flutter blogs or watching Flutter tutorials, you might see that some developers are using _.() aks private constructor after creating a Class. And you might be wondering what is [MyClass] _.() do and why we even need it? As a quick answer _.() – is a Private Constructor. But let’s dive into more details about the private constructor. Defenition – Private Constructor _.() Private Constructor – is an exclusive instance constructor that restricts this class from being instantiated in other classes. This class is mainly used when you need to have static members only e.g static v ..read more

In this article, we will learn how to create a simple recipe list app using Flutter and API. This tutorial is for absolute beginners who want to learn how to make the right API structure in the project and use it in the app. This article is more of a guide for the video tutorial that I created. Please, check the conclusion for the video link Note: This tutorial is for integrating API to the flutter app, and not how to create custom widgets and/or layout. 1. Install dependancies and project setup Before we begin to integrate our new app from scratch, we need to configure and install the necessa ..read more

In this quick tutorial, I want to show you how to append data to an existing list using Firebase Storage. Let’s assume that you are with flutter firebase, and you have a token field, and there is stored a user’s device token. The way of appending the data to an existing field is using FieldValue.arrayUnion(). Basically, FieldValue.arrayUnion() is taking existing data from a firebase storage and unite it with your input. If the value exists in the firebase storage field array, it will skip the value. Solution: Use FieldValue.arrayUnion() Usage: FieldValue.arrayUnion ..read more