Hello guys, in this post we are going to learn How to do Text to speech in flutter?
By using text-to-speech Flutter plugin to read aloud text
In this example we have the Text in the screen while press the play button it will read the text
How to implement page navigation in flutter? In Android we use Intents to Navigate differernt pages
Similarly Flutter also has paginavigation.
To implement this page navigation in Flutter we need to use two classes Navigator and Route.
A form is an area that contains form elements. Form elements allow users to enter content, such as text fields, drop-down lists, radio boxes, check boxes, and so on. Common application scenarios are: login, registration, input information, etc. There
Hello Guys, Today we are going to learn about how to create SearchBar in flutter?
In this post i will show you display
List of countries and search for given word using SearchBar at the top of the application
How to create Suggestions list
Hello Guys, In this Post I am going to share you how to put animation when navigation between Screens
For this I have created two pages ScreenOne and ScreenTwo and making the Navigation from ScreenOne to ScreenTwo.
Hello Guys, tIn this post I am going to show you how to create BottomNavigationBar and how to Keep Pages live while Navigate to other pages.
Scaffold widget havibg the property cal
Hello Guys in previous post we discussed Statefull widget and How to access state of widget.
In this post i am going to show you how to handle state with InheritedWidget
In this Example we are going to create posts and display list of posts
In the previous post explained what is Stateful widget and lifecycle of Stateful widget.
This post we are going to learn how to access state of the widget.
What is context ?
A context is a reference to the location of a Widget withi
Flutter we have two widgets
Widgets which never change its content dynamic called stateless widget
Widgets which will change its behaviour/state dynamically called stateful widgets
In previous we learn how to show notification in flutter.
In this post we are going to learn Notification Customization
The default notification showing like below
Now we are going to change the color of Notification and icon
Hello Guys, today we are going to learn how to display AlertDialog in Android with Kotlin.
Step 1: Create a Project
Step 2: Create UI with Button to show the Dialog
Hello Guys, in this post we are going to learn how to send Local push notification in flutter.
How to achieve local push notification in flutter, here we are going to use flutter_local_notifications plugin
Lets get started
Step 1: Creat
Hello guys, in this post we are going to learn how to design PIN input fileds in Flutter.
With pin_code_fields: ^2.3.0+3 plugin we can achive this one
Lets check the Image below
Now we are going to design this
Lets check the code
In this post we are going to design the Simple Layout with Flutter-Basic Components
1.1 Preparation-Data Type
Based on the contents of the above card, we can define some fields. In order to standardize the development process, we first de
Hello Guys, In this Post we are going to learn how to use Lottie animations in Flutter
step 1: Create Flutter Application
Step 2: Lottie Configuration
add lottie dependencies in pubspec.yaml file under dependencies
Hello Guys, In this example we are going to learn how to display custom dialog in
android with Lottie animations.
Step 1: Create a project with Android Studio.
Step 2: Configure app with Lottie dependencies.
add below depe
This Example demonstrate how to create Circular Imageview with Border in Android Kotlin
Lets check the code.
<?xml version="1.0" encoding="utf-8"?>
Hello Guys in this post we are going to learn how to display text in vertically direction
In some condition we need to display in vertical direction. So how we can achieve this
Lets see the code
void main() => run
Hello Guys, In this post we are going to learn what is SafeArea widget, when to use it.
Before going to start with SafeArea lets check the below code and check the result screen.
void main() => runApp(MyApps());
Hi Guys, Today we are going to learn how to show Carousel Banners in Flutter
Table of contents
1. Integrated flutter_swiper
2. Add Swiper3. Properties
4. Page indicator
5. Control button
6. Full code
7. Flutter run
Hello Guys, Today we are going to learn different Between Text Widget and SelectableText Widget
and Why SelectableText widget came
Text widget is used to display a string on the Screen
Hello Guys, Today we are going to learn how to add "shake" to the mobile phone and subsequent event login on flutter.
For this we are going to use flutter official development sensor plugin sensors 0.4.1+3 (https://pub.dev/packages/senso
Hello guys, Today we are going to learn how to use custom icons in Flutter.
We already know that Flutter has set of Material Design styles is built in Icon, but for a high Apps, it is usually not enough. To do this, we need to introduce custom
Now a days pull-down refresh and pull-up loading functions are mandatory for the applications.
For this android provides SwipeRefreshLayout to implement these functions.
In this post we are going to learn how to use SwipeRefreshLayout with Androi
Hello Guys, In this post we are going to create Sticky Header in flutter
What is Sticky Header?
If we have scrollable content and the Header of each item is stick at top of the container and child items will scroll the content.
Hello Guys, Today we are going to learn about BottomSheetDialogFragment.
What is BottomSheet?
Android BottomSheet is a Materail API component that slides up from the bottom of the current state.
We have two types of BottomSheets
Now a days in every mobile app including the media. So playing the media is more popular in Android devices.
There are different ways to play media in Android.
In this post we are going to learn about Exoplayer.
Hello guys today we are going to learn load local html file in flutter.
We can achieve this by using Webview wedget
Webview widget webview_flutter 0.3.16
We have different options to load data in webview.
Load URL in Webview
Hello guys today we are going to learn how to draw route path between two locations on Google Maps.
If you don't know how to load GoogleMap read my previous post
To achieve this we need to add below dependencies to pubspec.yaml file
Hello guys, Today we are going to learn how to fetch current location address from Google Maps
Here we are using google_maps_plugin to show Google Maps.
If you don't know how to Load Maps, please check my previous post Show Markers on Maps.
Hello Guys, to day we are going to learn how to change the App theme runtime.
For this, we are using Providers to hanlde the state of the application
What is Provider?
Provider is a widget to maintain the State of Application.
Retrofit is type safe REST client for Android. it make simple to call RESTfull services in Android.
Today we are going to learn Retrofit2 in this post.
Retrofit uses OkHttp for making Http requests. Retrofit easily convets JSON data ino
Hello Guys in previous post we learnt how to show google maps in flutter.
In this post we are going to learn about how to show multiple markers on the map
Here we are using google_maps_plugin to show Google Maps.
GoogleMaps widget c
Now a days Google Maps is most important part in every ones life.
Every technology wants to add GoogleMaps in the application.
Flutter provided a plugin to load google maps.
Integrate this plugi
This Section we are going to create a Firebase Project in Android.
Create Project in Android Studio
Create a new project in Android Studio, go to File ⇒ New Project and fill all required details to create a new project.
Hello Guys, In this post we are going to learn how to integrate Network calls in Flutter
Here i am using the NewsAPI to fetch the news headlines. News API is a simple HTTP REST API for searching and retrieving live articles from all over the web
TabBar - Flutter
In this Section we are going to learn TabBar in flutter.
Flutter provided TabBar widget to handle the Tabs.
We can use TabBar in 2 ways.
bottomNavigationBar property for the Scaffold widget.
In previous post we discussed about arrange list data in GridView with GridView.Count() and GridView() default contrucotrs.
In this post we will learn how to arrange the list data in GridView with GridView.builder() contructor.
In this example we are going to learn how to create a Grid List in flutter.
Flutter Provided GridView Widget to arrange the data in grid.
Below are the different contructors to use the GridView widget.
In This section, we are going to create a tooglebar in Flutter.
First create a Tooglebar statefull widget
In Android VideoView widget is used to play the videos. It can load files from various sources.
With Help of MediaController class Play the videos. MediaController contains media controls like play,pause,previous,next e
Hello Guys, Today I am going to share How to read Json file from assets folder and parse teh data.
I have copied json files in Assts folder and fetch the data from that sjon files
Hello Guys, Today I am going to show you Expandable listview in flutter.
We can make listview expansion by ExpansionTile widget which is provided by Flutter.
Today I am going to explain you about drag and drop items inside the listview.
We will achieve this in flutter by ReorderableListView widget.
Today we are going to learn about BottomNavigationBar with Tabbarview.
Now a days users likes the Navigation bar at bottom instead of side navigation.
with the Bottom Navigation user quickly go to respected screen easily.
In this tutorial we are going to learn about Flutter Firebase authentication, Firestore integration.
Create a project in Any IDE.
Login to Firebase console
Then Create a project.
Once Project created you wil
Hellow guys, Today we are going to create simple dashboard app with flutter.
Widgets used in the application :
Let's look into code.
To Persist the data into local we use the local database like SQlite.
In Flutter we can use the SQLite database via SQFLite.
If you are new to SQLite, go with SQLite tutorial to understand.
Now Let's start implement the SQFlite in
Here we'll implement a feature like moving map under marker .
Before going to code, you need to ensure that you have setup Google Map SDK . For this lets check this Google Maps Documentation
Now just look at our end result should be like th
Most of the people search for Circler Progressbar with Thumb in Android application.
Here you can find the code...
create attr.xml file in values folder and copy paste below code
Flutter contains following buttons
A raised button is based on a Material widget whose Material
To start the flutter appliation we need to know about few widgets
Flutter framework contains 3 set of widget
See widgets on Flutter Widget Catalog
The Container widget
Now we are going to develop the first flutter application.
Here we are using Android Studi IDE.
Start Android studio
Select File-> New Flutter Application
Select Flutter Application and press Next
Set the Flutter SDK path
Enter your Flutte
Flutter is an Open-source mobile application development SDK created by Google.
It is used to develop applications for Android and ios, as well as being the primary method of creating applications for
The initial version of
Visitors Count: 11757