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 time which is… Read More »
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? Isolates are similar… Read More »
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 json models, make… Read More »
In this article we will see how to automatically generate json models in Flutter. Add Plugins For this we need some plugins… Open the pubspec.yaml file and add these dependencies. If you want to use json annotation, you can have ‘json_annotation’ plugin as well. Below is the url that we are going to parse and create the models… Read More »
Here are few quick tips for flutter developers.. Watch Video Tutorial 1. Timer 2. Get Device Type 3. ToolTips 4. Fade Image Add a ‘loading.gif’ image inside a folder ‘images’ in the root of your project. We will use this image as a placeholder for the downloading image. Note: Make sure you specify the ‘images’ folder… Read More »
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 code
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 option to set… Read More »
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 in the List… Read More »
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 plugins helps us… Read More »
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 out the app… Read More »
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 for extracting the… Read More »
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 of the times… Read More »
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 video is actually… Read More »
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 data. Then we… Read More »
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 the project. For… Read More »
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 button functionality and… Read More »
For Adding Google Maps in Flutter, you need the API keys for each app. Let’s Start Watch Video Tutorial Get API Key To get API key, you have to go to Google Platform Cloud Console and register your app there. Create a new project or set up a new one, the enable Google Maps to get the API… Read More »
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. Import the needed… Read More »
Problem Sami’s spaceship crashed on Mars! She sends a series of SOS messages to Earth for help. Letters in some of the SOS messages are altered by cosmic radiation during transmission. Given the signal received by Earth as a string, , determine how many letters of Sami’s SOS have been changed by radiation. For example, Earth receives SOSTOT.… Read More »
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 and fill it… Read More »
Carousels are an awesome way to show a list of images. We will be using a plugin to show the carousel in flutter. Watch Video Tutorial Add Plugin To use carousel we need to add the below plugin to our pubspec.yaml file https://pub.dartlang.org/packages/carousel_slider So open your pubspec.yaml file and add the plugin… … Read More »
Here is a simple example of using Gradient in Flutter. Here we are just showing a demo of how to use LinearGradient in Flutter. You can even use the RadialGradient or SweepGradient in the similar way. Watch Video Tutorial Here is the complete example of setting a LinearGradient in a Container. Please leave your valuable comments below.
This article shows how to implement Bottom navigation using Tabs in Flutter. Watch Video Tutorial For that we need to have a TabController and a TabBarView Widget. Create Tabs This is our demo tab layout widget. Create a new file name FirstTab.dart and copy the contents into it. You can create other… Read More »
Using Custom Fonts in Flutter is really easy. Watch Video Tutorial Here I have a folder named “fonts” in my project folder. I also have a font file “Roboto-Medium” in fonts folder. Register font in pubspec.yaml If you open pubspec.yaml file, you will see commented out fonts section below the file. You can uncomment… Read More »
