Category Archives: Flutter

Bar Charts in Flutter

By | October 31, 2019

Hi, In this article, we will see how to draw bar charts in flutter. Watch Video Tutorial To draw charts in flutter, we need to add a dependency. So open your pubspec.yaml file and add the below dependency below dependencies. Dependencies After that run ‘flutter packages get’ to add the package. Once the plugin is… Read More »

Google’s Flutter Tutorial – Save Image as String in SQLite Database

By | October 17, 2019

In this tutorial we will see how to save an image as a string in preferences. Watch more flutter videos on my youtube channel here. Watch Video Tutorial Add Dependencies First thing we have to do is to add the plugins. Open pubspec.yaml file and add the below Dependencies. So Let’s start… First we will… Read More »

Google’s Flutter Tutorial – Save Image as String in Local Storage and Retrieve – Preferences

By | October 16, 2019

In this tutorial we will see how to save an image as a string in preferences. Watch Video Tutorial Add Dependencies First thing we have to do is to add the plugins. Open pubspec.yaml file and add the below Dependencies. So Let’s start… First we will write a Utility class to save the image as… Read More »

Flutter DataTable + MySQL

By | June 27, 2023

In this demo we will create a flutter app that communicates with the Server and create a table, insert records, update records, fetch all records and delete records. The Data from the Server will be displayed in a DataTable. Watch Video Tutorial Here I am using XAMPP to create a local Server. You can download… Read More »

Working With Low-Level Isolate APIs in Flutter

By | September 29, 2019

Hi In my previous video I explained about how to use Isolates at a high level. Using high-level APIs has some disadvantages though. Watch Video Tutorial Bu using Low-level APIs over the High-level compute function you can get more control over the isolates. You can pause, resume and stop the Isolates at any point of… Read More »

Performance programming in Flutter using Isolates

By | September 8, 2019

Watch Video Tutorial As you all know Flutter is a single threaded App platform. So then How to do multithreading ?. How to execute heavy operations in one thread ?. How to run big operations without affecting the UI ?. But yes, all these can be achieved with the help of Isolates. What are Isolates?… Read More »

Offline Database from WebService using SQFlite in Flutter

By | September 8, 2019

We are going to create an Offline Database using data from a Webservice. Watch Video Tutorial We are going to use the below service for that. https://jsonplaceholder.typicode.com/photos This service has about 5000 records, we are going to parse these records and insert all the records into the Offline SQLite database. Generate JSON Models To create… Read More »

Expanded/ Multi-Level List in Flutter for Android and iOS

By | July 14, 2019

Here is a simple example for creating expanded list in flutter. Watch Video Tutorial We will create a new class named “Entry” which will be the data on each row of the list. Data Source Let’s create the array to be shown in the expanded list. Create Row Widget Create the List That’s it. Complete… Read More »

Custom Splash Screen in Flutter for Android and iOS.

By | September 8, 2019

Lets start with iOS Watch Video Tutorial iOS Go to the flutter project folder and open the iOS folder. You will see the runner.xcodeworkspace file. Open the file in Xcode. Now if you select the root folder and select the target and go the General Tab, Here just towards the bottom you will see an… Read More »

Animations made simple in Flutter using Animator Plugin

By | July 7, 2019

This is a simple demo showing how you can animate views in flutter using very little code. Watch Video Tutorial Here is the simple code in which I am showing all basic functions in different different functions. You can call these methods in the build method and execute all.

Flutter Tutorial – List Pull to Refresh and Swipe to Delete in Flutter

By | July 3, 2019

Let’s start with Swipe to Delete. To Swipe and delete a row, each row in the list should be made up of Dismissible Widget. The Dismissible widget has inbuilt listeners for Swipe Gestures. Watch Video Tutorial Swipe to Delete Here we will have a list of Strings which are a list of companies. Each row… Read More »

Firebase Storage – Uploading and Downloading files & Multi File Picker in Flutter

By | June 23, 2019

Watch Video Tutorial     This demo shows how to upload files to firebase Storage. For this demo we will upload only images to firebase Storage. Also I am doing any sign in to Google, this is completely anonymous. Let’s start… Add Dependencies we need three plugins for this example #1 Multiple File Picker This… Read More »

Network Connectivity in Flutter

By | June 10, 2019

In this demo, we will see how to check network connectivity in flutter. We will see three different ways to check connectivity in Flutter. Watch Video Tutorial Add Plugin Method 1 Method 2 Using Subscription, we can subscribe to the network change events. Method 3 What if you want to listen to network changes through… Read More »

Download ZIP, Extract it and Show the images file in List in UI

By | June 7, 2019

Watch Video Tutorial     Add Plugins   For downloading, Extracting and saving ZIP in the device, we need some plugins. So open your pubspec.yaml file and add the below plugins.   The ‘http‘ package is for downloading the zip file, ‘path_provider‘ is for saving the file inside the device and the ‘archive‘ package is… Read More »

Understanding Application States in Flutter

By | June 4, 2019

This example is all about understanding Application States in flutter. Although it seems simple, it’s very important. If you are an Android or iOS Developer, you may be familier with these concepts and callbacks. Andrid has onResume, onPause etc callbacks, iOS has viewWillDisappear,viewDidAppear, didFinishLaunchingWithOptions etc callback functions to acheive this. These funtions are useful most… Read More »

Play Video in Flutter

By | May 30, 2019

This is a simple example to play a video in Flutter. Add Plugin We will use the video player plugin to play video. Go to your pubspec.yaml file in your project and add the below plugin. Initialiaze the Controller Add the Video Player Widget We will add the VideoPlayer when the connectionState is done and… Read More »

Filtering a ListView in Flutter using a onChange on TextField with delay in flutter.

By | November 9, 2019

In this article we will see how we can filter a Listview in the onChange event of a TextField in Flutter. Here we will use the below service Url to populate data into the ListView. https://jsonplaceholder.typicode.com/users Watch Video Tutorial Create Model Class Service Class In this class we will call the service and get the… Read More »

Load Local html file into WebView in Flutter. Call JS function from Flutter.

By | May 30, 2019

The first thing you need is the webview plugin itself and you can get it from the below link https://pub.dev/packages/webview_flutter Watch Video Tutorial Sample HTML file Below is the sameple HTML code that we are going to load into the webview I have saved this file under a folder named “files” in the root of… Read More »

Flutter Tutorials – Handling Back Button in Flutter for Android and iOS

By | May 30, 2019

Handling back button and providing a different functionality is always a requirement among mobile developers. Flutter also helps you to do that. Let’s see how that works. Watch Video Tutorial This is achieved with the help of a widget called “WillPopScope”. ‘WillPopScope‘ has a method call ‘onWillPop‘ which can be used to override the back… Read More »

Flutter Tutorial – Upload Image in Flutter Using PHP

By | May 30, 2019

Today in this article we will see how we can upload image to a server using Flutter. Watch Video Tutorial     Add Plugins   First thing we are going to need is the plugin for networking and plugin to select image from camera or gallery.   Add the below plugins in the pubspec.yaml file.… Read More »

TabbedAppBar in Flutter – Android and iOS.

By | April 26, 2019

Hello, welcome to another flutter tutorial. This tutorial helps you to create a top TabBar navigation with AppBar. The app will look like this below. Watch Video Tutorial This is actually simple and easy. Let’s start by creating the model class. Our model class is named “Choice“. Now we will create a list of Choices… Read More »