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 »
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… 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 »
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… Read More »
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… Read More »
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 »
In Today’s tutorial, we will see how to handle files in Flutter. Its so easy… So Let’s start… Below is the sample app we are going to create… Watch Video Tutorial Add Dependencies For handling files in Flutter, we have to add a flutter dependency. Go to the below link and read more… 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 »
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… Read More »
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… Read More »
In this article, I will tell you a simple way to theme a flutter app. Here is a simple code that illustrates that. We use the theme property of each widget to theme it. For example, to theme the whole application, we would do something like this. Take a look at the theme property of… Read More »
Navigation is done is Flutter using the Navigator class. Lets look at a simple example The first thing you have to register routes for difference screen is to build a Map of ‘String’ (route) and the page (Widget). Lets say I have a utility class for the Creating Routes named routes.dart. The contents of… Read More »
Hi Friends, Today we will see how to implement GridView in Flutter. We are going to use this service for the data First we will create a Model for the Grid Cell No we will create view for Grid Cell Create a file named “cell.dart” and copy this into it. Service Class We… Read More »
Here is a simple example of doing Http calls in Flutter. In this example we will try to fetch some JSON value from the below url https://jsonplaceholder.typicode.com/posts/1 You can read more from here. Add Dependencies First you need to add the http plugin in dependencies. The latest version of http can be found here (https://pub.dartlang.org/packages/http).… Read More »
This simple example demonstrates saving an integer value in the local shared preferences. We will use a flutter plugin called shared_preferences for this. You can read more about the plugin from here. Add Dependency First thing is to add the package to the dependencies. Go to pubspec.yaml and add the package. Example
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 »
Lets see how we can test Flutter Apps. It would be easy if we continue from the previous example…
Here is a simple example where the user clicks a button to show a Snackbar. We know that there is no inbuilt snackbar for iOS. But Flutter makes it easy to do without any custom native code. You can see a Demo video here. Here we use two main elements Scaffold Snackbar The Scaffold Widget… Read More »