Tag Archives: flutter tutorials

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 »

Create an awesome background running Music Player like Amazon Music in Flutter

By | June 24, 2020

We all at sometime have played audio in our apps, correct? But we may not have created a complete music player that will run even if the application is not running in the foreground, yes? Watch Video Tutorial So in this article we will see how we can easily create such a music player. Our… 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 »

Custom BottomSheet, Custom Snackbar in Flutter using FlushBox

By | December 5, 2019

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

Open Urls in Browser, In App, Make Phone Calls, Open Installed Apps in Flutter

By | November 24, 2019

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

Filtering a ListView in Flutter using a onChange on TextField with delay in flutter.

By | November 9, 2019

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… 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 – Custom Progressbar using CustomPaint

By | February 3, 2019

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 »

Flutter Tutorials – Navigation Drawer in Flutter – Android and iOS

By | January 20, 2019

Today we will see how we can implement a Navigation Drawer in Flutter. In Flutter, its easy, so Lets start…   Watch Video Tutorial     Navigation Drawer can be added as part of the Scaffold Widget. The Scaffold widget has a ‘drawer’ property on to which you can add the drawer. This simple example… 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 Tutorials – AutoComplete TextField

By | January 11, 2019

Hi, Today, I will show you how you can implement AutoComplete TextField in Flutter. Watch Demo   Watch Video Tutorial     Add Library   You can get the Flutter AutoCompleteTextField Library from below link   https://pub.dartlang.org/packages/autocomplete_textfield   Get the package name and add it in the pubspec.yaml file add the dependency. We will also… Read More »

Switch Widget in Flutter Android and iOS Demo

By | January 1, 2019

Hello… In this article I am gonna show you how to implement a switch widget in Flutter. Watch Video Tutorial The switch widget has the following syntax. OnChange function is called when the user toggles the button. We have to create a state variable in the parent Widget to hold the state of the switch… 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 »

SQlite Database Operations in Flutter

By | March 17, 2019

Watch Video Tutorial   Add Dependency SQFlite is a Flutter library for doing local Database Operations. You can download it from here. To Integrate SQFlite library in your project In your flutter project add the dependency: You can download the sample project from here. employee.dart Database Utils Here is a sample DB Utility file. DBHelper.dart… Read More »