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 »
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 »
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 »
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 »
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 »
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 »
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 »
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 »
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 »
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 »
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… 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.… 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… Read More »
We are going to create a simple dropdown in Flutter. Watch Video Tutorial Create Model Class We will be listing a group of company names in a dropdown. For that we should create a model class named “Company”. So we have a static function that returns an array of companies. Now we will… Read More »
Welcome to another Webview tutorial, In this tutorial we will see what are the other API’s available in the webview_flutter plugin. Read the part-1 of this tutorial to get an introduction on webview in flutter. Watch Video Tutorial We will be implementing the below functionalities in our webview. Show User… Read More »
We can use Webviews in Flutter with the help of webview plugins. I will be showing one of the plugins that is developed by the Flutter team. So Let’s start and we will add the dependency first Watch Video Tutorial Add dependency The plugin can be found in the below url https://pub.dartlang.org/packages/webview_flutter… Read More »
For accessing CloudFireStore for Firebase, you need to have Firebase account. For that you need to go to https://console.firebase.google.com and sign up. Watch Video Tutorial # Create a project and give the details # Once you create the project, Click Add new App in the Project Settings. # Add the… Read More »
Below are the things that we are going to do. 1. Fetch data from Webservice 2. Create List of Objects from Webservice 3. Create View for each for in GridView 4. Call Webservice function in Main File with FutureBuilder. 5. Show Progress until data downloads 6. Show Error when some error happens. 7. Add… Read More »
Welcome to yet another Flutter Tutorial, in this Tutorial we will see how to create a custom Progressbar using Custom Paint. Watch Video Tutorial Custom Painter class Create a new file named progress_painter.dart and create a class named ‘ProgressPainter’. This class extends the CustomPaint class and overrides two methods which needs… Read More »
Article shows how to use Animated Containers in Flutter. AnimatedContainer are used for Implicit animations in Flutter. Here we will be investigating AnimatedContainer, AnimatedCrossFade and AnimatedOpacity. Watch Video Tutorial AnimatedContainer This by default uses Linear Interpolation to transition to the new values. Specify the duration to AnimatedCrossFade Here we will animate… Read More »
This article shows how to implement Shared Preferences in Flutter. Watch Video Tutorial Add Dependency We will be using the shared_preferences plugin from Flutter to implement this. You can go to this link and read more about it. Go to your pubspec.yaml file and add the dependency. … Read More »
This article will explain how to use Radio Buttons in Flutter. You can do this in flutter with the help of ‘Radio’ or ‘RadioListTile’ Widgets. Watch Demo Watch Video Tutorial Let’s jump into the code. Add Radio Buttons The Below code adds two radio buttons to the UI.… Read More »
DataTable is a really useful widget in Flutter. Today we will look into how we can use that to create beautiful apps in Flutter for Android and iOS. Watch Demo Below is the demo of the app we are going to make. Watch Video Tutorial The video tutorial demonstrates… Read More »
Shared Element transitions are native in Android, but with Flutter you can do the same UI transition with Flutter as well. Watch Video Tutorial Hero Widgets Shared element transitions can be achieved in Flutter with the help of Hero Widgets. Here I have two Screens, one is called ScreenOne and… Read More »
Today, I will introduce to a new widget in Flutter with which you can enable or disable any widget in Flutter. If you wrap any widget in Flutter with the AbsorbPointer Widget, you can enable or disable that widget. That means if you wrap your whole UI in AbsorbPointer Widget, then you can control… Read More »