Tag Archives: Flutter

Custom BottomSheet, Custom Snackbar in Flutter using FlushBox

By | December 4, 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 used by your… Read More »

Bar Charts in Flutter

By | October 31, 2019

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 installed, import it… 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 code

Custom Splash Screen in Flutter for Android and iOS.

By | July 13, 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 option to set… Read More »

Firebase Storage – Uploading and Downloading files & Multi File Picker in Flutter

By | June 22, 2019

Watch Video Tutorial     This demo shows how to upload files to firebase Storage. For this demo we will upload only images to firebase Storage. Also I am doing any sign in to Google, this is completely anonymous. Let’s start… Add Dependencies we need three plugins for this example #1 Multiple File Picker This plugins helps us… 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 »

Using Webview in Flutter – Part 1

By | March 24, 2019

We can use Webviews in Flutter with the help of webview plugins. I will be showing one of the plugins that is developed by the Flutter team. So Let’s start and we will add the dependency first Watch Video Tutorial     Add dependency   The plugin can be found in the below url https://pub.dartlang.org/packages/webview_flutter You have to… Read More »

Flutter Tutorials – Animated Container – Animate a widget in Flutter

By | January 31, 2019

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 between two images,… 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 »

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 – Select an image from Gallery and show in Imageview

By | January 8, 2019

For selecting an image from the Gallery or Camera roll in Flutter, we need to include a library in pubspec.yaml file under the dependencies that is present in the root of your project. Demo Video     Watch Video Tutorial     Usage   To open the gallery     Show Image in the UI   Once the… Read More »

Flutter Tutorials – Form Validation (Android and iOS)

By | January 5, 2019

Hello friends, In this article I am gonna show you how you can do Form Validation in a very simple way in Flutter. Below is the demo of the app we are going to build App Demo   Watch Video Tutorial   Explanation Here in this demo, I will have two TextformField and a Button and we will… Read More »

Create Custom Widget(Button) in Flutter – Android or iOS

By | January 3, 2019

Hello friends, In this article, I will show you how you can create custom widgets in Flutter using Widget Composition. As you know Flutter is cross Platform, so this is gonna work for both Android and iOS. Watch Video Tutorial   Let’s start now.   I am going to create a custom button just like you see in… 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 widget and change… Read More »

Flutter – Android, iOS , Native communication Simple Demo

By | December 24, 2018

Hello Devs, You know flutter is now a hot topic. Learning flutter will always help in your future career. In this article we will see how we can communicate between Flutter and Android. Watch Video Tutorial MethodChannel Flutter communicate with Native using “MethodChannel“. So you have to create a method channel with a constant as identifier. Make sure… 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 »

Service Call in Flutter with Retry Button, Catch Network failures.

By | December 20, 2018

Hello Devs, In today’s tutorial we will find out how we can write a simple service call in flutter and show retry when network call fails. Below is a sample video of the app we are going to make… Watch Video Tutorial You can watch the complete video tutorial from here… Add Library To do service calls in… Read More »

Load data from internet to a GridView in Flutter with Retry Logic, JSON parsing and Error handling in Flutter

By | December 15, 2018

I am assuming that you already have some understanding about Flutter. If you have no information about Flutter SDK, then I could recommend first going to flutter.io and get the initial knowledge. Our Final app will look like this. You can watch the complete video tutorial from here… App will implement GridView JSON Implementation Error Handling Retry Implementation… Read More »