Category: Tutorial
-
Mixin and extend in Flutter, E-Com App 7
What is the difference between mixin and extend in Flutter? Let’s understand the difference because we’ve been building an e-commerce app. As a result, we don’t want to skip any step. The mixin keyword plays an important role in Dart, as well as in Flutter. However, the extend keyword is quite common. Because we’re more…
-
Flutter provider fetch data, E-Com app 6
How does the provider in Flutter fetch data and we display them? That’s our first concern as we’ve been building the e-commerce app. First thing first. Firstly, we need the Provider package dependency. Therefore let’s add the dependency to the pubspec.yaml file. Secondly, make sure the package is the latest. Finally the most important thing…
-
Manage State in Flutter, E-Com App 5
Two questions always haunt Flutter beginners. What is the State of Flutter? And, how to manage the State of Flutter? As we’ve building an ecommerce app from scratch, we should answer these questions at the very beginning. Otherwise we cannot follow the workflow of code. However, we won’t take much time. Because we have a…
-
Flutter backend local, E Commerce app – 2
We’ve discussed how to use Flutter backend before. There are several options. Using a local file is certainly one of them. In this e-commerce app, we’re going to use local files as well. As a result, what we’re displaying as products on the home page, are objects that we’ve instantiated locally. As the first step,…
-
E Commerce App in Flutter, A Step by Step Guide
How to build an E Commerce app in Flutter from scratch? We will try to do it step by step. However, it will certainly take some time. Because we are trying to build this E Commerce Flutter app in a way, so that a beginner might understand the steps. However, if you have already done…
-
Build in Flutter, Without set state and Stateful Widget
How does the build method work in Flutter? In this section we’ll take a look at the core concept of Flutter. In our previous section we have seen a simple Stateful widget where we have used a counter to press the button and change the internal state of the object. As a result, it calls…
-
Set State in Flutter, build method and Internal State
What does the set state method mean in Flutter? In this section we’ll try to understand the topic from a beginner’s point of view. If you have enough experience in Flutter, you may skip this section. Or, applying your experience if you find any inconsistency in this explanation, please express your view in the comment…
-
Notification class in Flutter, How to notify child widgets
How do we use the Notification class in Flutter? In this section we will use Notification class in many ways. Firstly, we will use it to pass a custom color scheme across the Flutter app. As a result we have to use the ValueNotifier class in accomplishing the task. In addition we’ll also use the…
-
Value Notifier Flutter and Material Design 3
In our previous Firebase, Provider Blog app section, we have used Material Design 3 to customise the theme. However, at the entry point of our Flutter app, we’ve also used the ValueNotifier class. Certainly, in our Flutter app, the ValueNotifier class plays an important role to customize the theme across the whole widget tree. Now…
-
Theme color Flutter, how to use in web app
In Flutter 3.0 theme color we’ll use Material design 3. Certainly we will adopt the same principle in our ongoing web app. However, we need to understand how we can configure the overall visual Theme for a MaterialApp or a widget subtree within the app. That’s the first step. In fact, this section will explain…
-
Text Form Field Flutter size, how to increase in web app
How do we increase the size of the text form field size in a Flutter app? We need to increase the size because we’ve been building a Flutter Firebase, Provider web app where users write blogs. As a result, as an interface, on the screen users must give some inputs through the TextFormField. However we’re…
-
Flutter web 3.0 blog app with Firebase, Provider
While building the Flutter web 3.0 blog app with Firebase and Provider, we have faced some challenges. Firstly, we cannot hard code the blog posts anymore. Secondly, we have to assure that only the signed-in visitors will post their blogs. Finally, we will not use the multi provider technique. Instead we will use the ChangeNotifierProvider…
-
Flutter sign in : Firebase, Provider web app
As we were discussing flutter 3.0 web app, we had hard coded the initial blog data. There was no flutter sign in method so that the user could log in. It’s true that we had not introduced Firebase and Flutter sign in methods in our previous discussion. Still we had progressed a little bit. Initially…