Tag Archives: flutter google

Network Connectivity in Flutter

By | June 10, 2019

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 »

TabbedAppBar in Flutter – Android and iOS.

By | April 26, 2019

Hello, welcome to another flutter tutorial. This tutorial helps you to create a top TabBar navigation with AppBar. The app will look like this below. Watch Video Tutorial This is actually simple and easy. Let’s start by creating the model class. Our model class is named “Choice“. Now we will create a list of Choices and fill it… Read More »

Using Gradient in Flutter

By | April 18, 2019

Here is a simple example of using Gradient in Flutter. Here we are just showing a demo of how to use LinearGradient in Flutter. You can even use the RadialGradient or SweepGradient in the similar way.   Watch Video Tutorial Here is the complete example of setting a LinearGradient in a Container. Please leave your valuable comments below.

Stepper Widgets in Flutter

By | April 15, 2019

Hello, Stepper is an awesome widget in Flutter. It makes developers job easy by writing less code.     Here we will have a UI as shown in the below screenshot.     First we will create a list of 3 Steps. Each Step will have a ‘title‘, ‘content‘ and isActive property. ‘content‘ can be any Widget. To… 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.     Import plugins  … 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 1. Rotate Our… 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 the user interaction… Read More »

Flutter Tutorials – Inherited Widgets

By | January 18, 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 across the application.… Read More »

Flutter Tutorials – Navigation Drawer in Flutter – Android and iOS

By | January 16, 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 below demonstrates that.… 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 shows like a… 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.   Watch Video… 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 add the http… Read More »

Flutter Tutorial – Bottom Navigation Tabs (Android and iOS)

By | January 5, 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.   Scaffold   Now… Read More »

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

By | December 23, 2018

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

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

By | December 22, 2018

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