In this article, we will see how we can use BLoc to Theme your app in Flutter. To understand BLoC with a real world example, you can refer to my previous post on BLoC here. Part 1 Part 1 For this demo also we will need the below plugins If you follow my previous tutorial,… Read More »
In this article we will learn BLoc pattern in flutter for State Management with a simple real world example. Watch Video Tutorial For this example, we will try to consume a web service. The service we are going to use is https://jsonplaceholder.typicode.com/albums What BLoc does? BLoc helps to separate you presentation and business logic. So… Read More »
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 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 »
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 »
Hi, In this article, we will see how to draw bar charts in flutter. Watch Video Tutorial To draw charts in flutter, we need to add a dependency. So open your pubspec.yaml file and add the below dependency below dependencies. Dependencies After that run ‘flutter packages get’ to add the package. Once the plugin is… Read More »
In this tutorial we will see how to save an image as a string in preferences. Watch more flutter videos on my youtube channel here. 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… Read More »
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 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 »
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… Read More »
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… 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 »
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 »
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 »
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 »
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 »
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 »
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 »
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 »
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 »
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 »