Oflutter
373 FOLLOWERS
In this category, you can find informative articles related to flutter framework. Oflutter is a growing community that shares its knowledge of the Flutter framework with people around the world.
Oflutter
2y ago
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
Oflutter
2y ago
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
Oflutter
2y ago
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
Oflutter
2y ago
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
Oflutter
2y ago
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
Oflutter
2y ago
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