In this article we will be discussing about how to download our local project files (.png, .jpeg, .pdf,…) into any device in which our app is running.

Video Tutorial

Implementation

In our case we will be having an image file inside the lib folder of our project root directory and will be downloading that image file when the button is pressed.

1) Make use of the AnchorElement from HTML DOM, and specify the name in which the image needs to be downloaded to the destination device.


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.


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…


In this article we will be discussing about how to create a QR code with AES encryption and also scan that QR code to decrypt and get back the original message.

Video Tutorial

Dependencies

flutter_barcode_scanner: ^2.0.0 //for scanning QR
encrypt: ^5.0.0 //for AES encrption
qr_flutter: ^4.0.0 //to generate QR
url_launcher: ^6.0.3 //to launch the link in a browser

Implementation

As a quick intro., In this application, we will be having two buttons, one for creating a QR Code and another for scanning the QR Code.

→ For creating a QR Code we will be getting the input data from…

Vijay R

Flutter Developer

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store