Watch Video Tutorial Navigate using Push Normally if we want to navigate from one screen to another we would use Navigate.push, like in the code below And if we want to send parameters, then one of the way to do this is like below Here SecondScreen is another screen that extends StatelessWidget or StatefulWidget which as a constructor… Read More »
Add Dependencies The first thing is to add the plugins in the pubspec.yaml file. We need 4 plugins for this demo. http package – to get the Feed webfeed – to parse the RSS/Atom Feed cached_network_image – to cache the images url_launcher – to open the feed url in a browser Your pubspec.yaml file should look like this… Read More »
In this article we will see how to use a nice plugin called FlushBox in Flutter. Watch Video Tutorial First thing to do is to add dependencies. Add Dependencies Go to your pubspec.yaml file and add the below dependency. Once done that run ‘flutter packages get’ in the terminal to download the packages to be used by your… Read More »
This demo will show how can we Launch urls in a browser outside the App Launch urls in a browser inside the App Launch Installed app (eg:youtube) Make Phone Call. Watch Video Tutorial Add Dependencies To make all this work, we need the url launcher plugin. Open the pubspec.yaml file in your project and add this plugin at… Read More »
This article will show you how to share data from our application to another, just like when you hit share on an image inside your gallery. The system will ask you to select an application to share to. Watch Video Tutorial So we are going to achieve this in Flutter with the help of a plugin.… Read More »
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 installed, import it… Read More »
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 write a Utility… Read More »
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 a String in… Read More »
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 XAMPP from here.… Read More »
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 »
