Tag Archives: flutter examples

Local Notifications in Flutter

By | July 4, 2020

Hello everyone, In this article we will learn how to show local notifications in Flutter. What we are going to learn? Show Simple notifications Show Repeated Notifications Show Scheduled Notifications Show Notifications at a particular time and day of a week Show Notification with an attachment Show Notifications with HTML content Cancel a Notification. Cancel… Read More »

Wrap Widget & Chip Widgets in Flutter

By | January 30, 2020

Wrap widget is such a useful widget in many circumstances. Watch Video Tutorial First Let’s create a Chip Widget. The above code creates a Chip widget and you can add it to the UI as you want. If we add it inside a row…then this happens… But we want the chips that overflow to be… Read More »

Firebase Push Notifications in Flutter

By | January 14, 2020

This article will show how to send push notifications in Flutter using Firebase. We will start with Android. Add Dependency For sending push notifications we use a plugin called firebase_messaging… https://pub.dev/packages/firebase_messaging Open your pubspec.yaml file and add this dependency Firebase Account Make sure you have a firebase account before proceeding. Once you have created your… 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 »

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 »

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 – Image Blur Effect using ImageFilters and BackdropFilters.

By | February 4, 2019

Hello,     Flutter makes it easy to apply filters to images. This article shows one of the ways to do that. The BackdropFilter widget along with ImageFilter class helps us to achieve this effect.   Watch Video Tutorial     Let’s Start…   Complete Code   I will be showing the complete source code… Read More »

Flutter Tutorial – Shared Preferences (Android and iOS)

By | January 29, 2019

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 »

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 Tutorials – Inherited Widgets

By | May 29, 2019

Today we are going to see how to use inherited widgets in Flutter. You may have seen ‘Theme.of(context)’ in one some Flutter applications or you might have used it. The thing is ‘Theme’ is available for the whole application and in every widget correct? We are going to do something like that and share data… 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 »

Efficient use of Widgets in Flutter Container – Tip

By | January 12, 2019

  I am going to show how to efficiently make use of widgets in Flutter. This is a simple example of how to work with widgets in Flutter. Here we will be creating two widgets that looks similar, but let’s see how many hierarchies or levels of widgets are needed to create such a widget.… Read More »

Flutter Tutorial – How to listen to onChange in TextField? (Android and iOS)

By | January 12, 2019

TextField is a common component in our applications. In this simple example we will see two ways you can listen to the text changes in a Flutter TextField. Watch Video Tutorial 1. Using OnChange Event This one is simple. Just supply the onChange event of the TextField with a onChange callback. Example 2. Using TextEditingController… Read More »

Flutter Tutorial – Navigation and Passing params between Screens (Android and iOS)

By | January 12, 2019

Hello devs… This is a simple tutorial in which we will see how to navigate between two screens in flutter and pass params from one screen to another screen. Below is the video of the sample app we are going to make… You can watch the complete video tutorial below… Watch Tutorial You can see… Read More »