Flutter Tutorial

Flutter is Google’s Mobile SDK to build native iOS and Android apps from a single codebase. When building applications with Flutter everything towards Widgets – the blocks with which the flutter apps are built. The User Interface of the app is composed of many simple widgets, each of them handling one particular job. That is the reason why Flutter developers tend to think of their flutter app as a tree of widgets.

Compared to its contemporary technologies like React Native, Kotlin, and Java, Flutter is much better in regard to having a Single Codebase for Android and iOS, Reusable UI and Business Logic, high compatibility, performance, and productivity.

Table of Content

• Basics
• Widgets
• UI Components
• Design & Animations
• Forms & Gestures

• Navigation & Routing
• Accessing Device
• Advance Concepts
• Flutter Apps

Basics

• Flutter – Introduction
• Flutter – Architecture Application
• Android Studio Setup for Flutter Development
• Flutter – Setup for application development
• Flutter Development in Ubuntu

Widgets

• Flutter – Widgets
• Flutter – Stateful vs Stateless Widgets
• Container class in Flutter
• Scaffold class in Flutter
• MaterialApp class in Flutter
• BottomNavigationBar Widget in Flutter
• ClipRRect Widget in Flutter
• Drawer Widget in Flutter
• ClipRect Widget in Flutter
• Opacity Widget in Flutter
• RotatedBox Widget in Flutter
• Flutter – RichText Widget
• Flutter – OctoImage Widget
• Flutter – AppBar Widget

Visit Flutter-Widgets to view more widgets.

UI Components

• Flutter – Carousel Slider
• Flutter – Staggered Grid View
• Flutter – Circular & Linear Progress Indicators
• Alert Dialog box in Flutter
• Flutter – Dialogs
• Icon Class in Flutter
• Expanded Class in Flutter
• Analog Clock in Flutter
• Flutter – Handling videos
• Flutter – Expansion Tile Card
• Flutter – Tabs
• Flutter – Horizontal List
• Flutter – Working with Charts
• Flutter – Convex Bottombar
• Flutter – Slidable

Visit Flutter UI Components for more.

Design & Animations

• Customizing Fonts in Flutter
• Flutter – Skeleton Text
• Flutter – Animation in Route Transition
• Flutter – Ripple Effect
• Flutter – UI Orientation
• Flutter – Physics Simulation in Animation
• Flutter – Themes
• Flutter – Radial Hero Animation
• Flutter – PhotoHero Class
• Flutter – Hinge Animation
• Flutter – Lottie Animation
• Flutter – Using Google fonts
• Flutter – Auto size text
• Flutter – Rotate Transition
• Flutter – Lazy Loader
• Flutter – Animated Splash Screen
• Flutter – Shimmer
• Rive animations in Flutter
• ProgressIndicator in Flutter

Forms & Gestures

• Form Validation in Flutter
• Designing a Form Submission Page in Flutter
• Flutter – Gestures

Navigation & Routing

• URLs in Flutter
• Multi-Page Applications in Flutter
• Routes and Navigator in Flutter
• Retrieve Data From TextFields in Flutter
• Flutter – WebSockets
• Flutter – Avoiding Jank
• Flutter – Named Routes
• Flutter – Updating Data on the Internet
• Flutter – Fetching Data From the Internet
• Flutter – Deleting Data On The Internet
• Flutter – Sending Data To The Internet
• Flutter – Arguments in Named Routes
• Flutter – Return Data from Screen
• Flutter – Send Data to Screen
• Flutter – Send Data to Screen using RouteSettings

Accessing Device

• Gallery Access in Flutter
• Camera Access in Flutter
• Background local notifications in Flutter
• Restrict Landscape mode in Flutter

Advance Concepts

• Flutter – Read and Write Data on Firebase
• Mail and SMS in Flutter
• Making Calls in Flutter
• FAB – Speed Dial in Flutter
• Flutter – Wakelock
• Implementing REST API in Flutter
• HTTP GET Response in Flutter

Flutter Apps

• Basic Quiz App In Flutter API
• A Hello World App using Flutter
• Creating a Simple Application in Flutter
• Flutter – Simple PDF Generating App
• Flutter – Dice Roller App
• Flutter – Magic 8 Ball App