Tag Archives: flutter code

Proper way to Handle Exceptions in Flutter

By | December 27, 2019

Today we will see how we can properly handle errors and exceptions in Flutter. Watch Video Tutorial For this example we will be doing a service call and handle exceptions related to that. We will create a sample service here In the above example we are catching all exceptions using a simple try catch block… Read More »

Different ways to Navigate and Different ways to send parameters for Navigation in Flutter

By | December 17, 2019

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… 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 »

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 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 »

Flutter Tutorials – CloudFireStore CRUD Operations in Flutter

By | February 13, 2019

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 »

Rotate, Scale, Skew or Translate Widgets in Flutter using Transform

By | January 26, 2019

This articles describes how easily you can rotate, scale or translate widgets in Flutter. We can do that with the help of Transform Widget. Watch Demo Below is the demo of the app that we are going to build. https://youtu.be/Fw7DJV-QlkI Watch Video Tutorial The types of Transform widgets are: Transform (default constructor) Transform.rotate Transform.scale Transform.translate… Read More »

Flutter Tutorial – Enable/Disable Any Widget – Android and iOS.

By | January 20, 2019

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 »

Bottomsheets in Flutter – Android and iOS

By | January 15, 2019

This demo shows how you can implement bottom sheets in flutter which works for both Android and iOS.   The StatefulWidget has a built-in function called “showModalBottomSheet’ which we will implement to show a bottom sheet.   Watch Video Tutorial     Modal Bottom Sheet     The below function implements a bottom sheet which… Read More »

Flutter Tutorial – Bottom Navigation Tabs (Android and iOS)

By | January 12, 2019

In this article I am going to show how to implement bottom tabs in Flutter. Watch Video Tutorial     Let’s start. To add a bottom navigation bar in Flutter, you need to have the ‘Scaffold’ widget in the screen. So we will be adding a Scaffold widget as the parent of our screen.  … Read More »