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 all the functions… Read More »
Shared Element transitions are native in Android, but with Flutter you can do the same UI transition with Flutter as well. Watch Video Tutorial Hero Widgets Shared element transitions can be achieved in Flutter with the help of Hero Widgets. Here I have two Screens, one is called ScreenOne and other DetailsScreen. ScreeOne… 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 the user interaction… 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 across the application.… 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 below demonstrates that.… 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 shows like a… 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. Watch Video… 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 add the http… 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 Once the… 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. Scaffold Now… 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 and we will… 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 you see in… 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 widget and change… 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 about the dependency.… Read More »
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 »
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 »
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 »
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 »
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 »
Javascript is a single threaded application. That means you cannot run more than one script at one time to modify DOM or something. But there are something called “Worker Threads” that spans separate threads outside your application that can do complex tasks which is linked by a Callback method. What is a Web Worker? When executing scripts in… Read More »
Lets see what a Context is… Context : Current State of the application. Context : Handle of the application. Context : Provides access to the resources, preferences, accessing database etc. Activity inherits from the Context. Context is the most important part of the Android application and its everywhere. If you wrongly use Context, it can lead to memory… Read More »
Whenever you want to show a webpage in your iOS App, use WKWebview instead of UIWebview. You have to supply an url that is complete. ie. with “http” or “https”. If you are using “http”, make sure you enable the “App Transport Security Settings” and add “Allow Arbitrary Loads” to yes. Our Final output will look… 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 the MaterialApp. You… Read More »
