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 »
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 »
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 »
Carousels are an awesome way to show a list of images. We will be using a plugin to show the carousel in flutter. Watch Video Tutorial Add Plugin To use carousel we need to add the below plugin to our pubspec.yaml file https://pub.dartlang.org/packages/carousel_slider So open your pubspec.yaml file and add the… Read More »
Welcome to another Webview tutorial, In this tutorial we will see what are the other API’s available in the webview_flutter plugin. Read the part-1 of this tutorial to get an introduction on webview in flutter. Watch Video Tutorial We will be implementing the below functionalities in our webview. Show User… Read More »
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 »
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 »
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 »
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 »