Flutter Tutorials

My Learning Progress of Flutter and can be used by anyone to get familiarized with it

App List

01. App that Simply Displays a Text

02. Scaffold App

03. Image Fetching App

04. App explaining about SafeArea and container

05. Stateless Widget App

06. Row Widget App

07. Column Widget App

08. CircleAvatar App

09. About Sonic App

10. StateFul App with Floating Action Button

App Details

01. App that Simply Displays a Text

This app is just a simple app which displays a text which is center aligned Check the ScreenShots

How to Run

Clone or Download the Folder and open simple_text_app Folder in your favourite editor [Android Studio / vscode ]

02. Scaffold App

What is Scaffold?? A Scaffold Widget provides a framework which implements the basic material design visual layout structure of the flutter app. It provides APIs for showing drawers, snack bars and bottom sheets. Have a look at its constructor and the properties it has.

https://api.flutter.dev/flutter/material/Scaffold-class.html

This app is just a simple app which displays a Scaffold with AppBar

How to Run

Clone or Download the Folder and open scaffold_and_appbar Folder in your favourite editor [Android Studio / vscode ]

03.Image Fetching App

Implemented Stuff

*App Bar More info: https://api.flutter.dev/flutter/material/AppBar-class.html

*Scaffold More info: https://api.flutter.dev/flutter/material/Scaffold-class.html

*NetworkImage (Images Widget) More info: https://api.flutter.dev/flutter/widgets/Image-class.html

This app is just a simple app which displays a image which is fetched from the Internet and contains Scaffold with AppBar

How to Run

Clone or Download the Folder and open network_image_app Folder in your favourite editor [Android Studio / vscode ]

04. App explaining about SafeArea and container

Implemented Stuff

*App Bar More info: https://api.flutter.dev/flutter/material/AppBar-class.html

*Scaffold More info: https://api.flutter.dev/flutter/material/Scaffold-class.html

*Container More info: https://api.flutter.dev/flutter/widgets/Container-class.html

*SafeArea More info: https://api.flutter.dev/flutter/widgets/SafeArea-class.html

This app is just a simple app which illustrates the SafeArea and Container contains Scaffold with AppBar

How to Run

Clone or Download the Folder and open safe_area_and_container Folder in your favourite editor [Android Studio / vscode ]

05.Stateless Widget App

Implemented Stuff

*Stateless Widget More info: https://api.flutter.dev/flutter/widgets/StatelessWidget-class.html

*App Bar More info: https://api.flutter.dev/flutter/material/AppBar-class.html

*Scaffold More info: https://api.flutter.dev/flutter/material/Scaffold-class.html

*Container More info: https://api.flutter.dev/flutter/widgets/Container-class.html

*Text class More info: https://api.flutter.dev/flutter/widgets/Text-class.html

*TextStyle More info: https://api.flutter.dev/flutter/painting/TextStyle-class.html

This app is just a simple app which illustrates the Stateless Widget which contains Scaffold with AppBar and body part with Text applied Some TextStyles