In this article we will be discussing about how to create a HTTP request and display the response (JSON Data List) in our Flutter app.

Video Tutorial

Dependencies

Add the following http package in your pubspec.yaml file.

Implementation

1. Create model:

First we need to create a model class, with data members as required.

In this article we will discuss about how to create a splash screen for our Flutter app.

Implementation

1. Add Image File:

Add the image file that we want to have as a splash screen for our app in the following folder of our project root directory.

Video Tutorial

Implementation

1. Create Animated Container

In this article we will be discussing about how to handle local JSON (with encryption) and display them in UI.

Video Tutorial

Dependencies

encrypt: ^5.0.0

Implementation

1. First let’s create a JSON file inside the assets folder of our project.

2) Then let’s create a class that defines the key and IV for encryption.

The following functions are used for.,

encryptMsg() => used for creating a hexadecimal string out of plain text.

decryptMsg() => used to decrypt the encrypted hexadecimal string.

getCode() => creates an encryption object from hexadecimal string.

3) Now our initial setup is ready, We…

In this article we will discuss about how to create and run a desktop app using Flutter.

Video Tutorial

Implementation

1. For creating a desktop app with full support, we need to switch over to either master or beta channel.

To identify in which channel we are in , type the command.,

flutter channel

In this article we will be discussing about how to get notified whenever there is a change in value within the widget tree. With the help of this change notifier we can rebuild the parent widget whenever a change is detected inside the child widget, thereby updating the state of the entire widget tree with the new value.

Video Tutorial:

Implementation

• First let’s create a class that contains all the variables for which the notifier needs to be added.

In our case, we need to change the amount value whenever the count variable gets altered. …

In this article we will be discussing about how to add simple animations to our Text Widget using Animated_text_kit package.

Video Tutorial

Dependencies

animated_text_kit: ^4.2.1

Implementation

This package provides multiple text animations such as.,

* RotateAnimatedText* FadeAnimatedText* TyperAnimatedText* TypewriterAnimatedText* ScaleAnimatedText * ColorizeAnimatedText* TextLiquidFill* WavyAnimatedText* FlickerAnimatedText

Now as an example we will be using one such style called the TypewriterAnimatedText

The skills[index] (in line no:3) is a variable that holds the text values.

List skills = <String>[
"Flutter",
"Dart",
"Firebase",
"React",
"Go",
];

That’s it, to use other animation styles replace…

In this article we will be discussing about various features that can be implemented based on scroll event in Flutter.

Video Tutorial

Implementation

As a quick intro., In this application we will be implementing two features based on scroll event.

→ “Back to Top” button, which automatically scrolls to the very top of the page and appears as we scroll down the list.

→”All caught up” text, which appears when we try to scroll beyond the maximum scroll extent.

UI Screen has - a simple list view containing set of 50 items.

1. Create a scrollController and two boolean variable…