Skip to content

Latest commit

 

History

History
78 lines (63 loc) · 2.77 KB

README.md

File metadata and controls

78 lines (63 loc) · 2.77 KB
Raw

Flutter Lessons

These are codes for my flutter class. Each lesson is a complete flutter app in itself which you can run using flutter run command.

Lessons are organized serially and go from basic to advance stuffs.

Lesson 0

Flutter Hello world project (flutter initial project created using flutter create command)

Lesson 1

  • Demo of using multiple pages, using Navigator to navigate from one screen to another.
  • Showing the use various basic widgets (Container, Column, Appbar, Scaffold etc)

Lesson 2

Using Drawer Navigation, organizing code using functions and inline styling text using RichText and TextSpan widgets.

Lesson 3

Using various types of buttons in flutter

  • FlatButton
  • RaisedButton
  • RaisedButton.icon
  • FlatButton.icon
  • MaterialButton
  • IconButton
  • FloatingActionButton

Lesson 4

Using containers and its various properties

  • Container padding
  • container decoration with gradients
  • container with background colors
  • container with decoration image (background image)
  • and much more
  • Read more about containers here

Lesson 5

Various ways of using listviews, using listview to make master detail views

  • Using simple ListView with children like using Column widget
  • Using ListView.builder to show the list of static data
  • Using ListView.builder to show the list of data fetched from API using http library
  • Passing data from listview to detail view to show detail on click the list item

Lesson 6

A simple stateful widget, updating UI at runtime using setState() function inside stateful widget.

  • basic structure of stateful widget
  • showing and hiding widget based on state
  • updating textfield text change in realtime

Lesson 7

Showing Snackbar and Alert dialog - Two most common widgets to display messages and errors.

Lesson 8

In this lesson you will learn how to make HTTP calls and display result using future builder

Lesson 9

  • In this lesson you will learn to integrate plugin to access native feature
  • You will add image_picker plugin as dependency
  • You will use the image_picker plugin to access camera
  • You will use the image_picker plugin to pick image from gallery

Lesson 10

In this lesson you will learn to

  • Lift state up
  • Send Function as parameter
  • Change state of parent widget from child widget

Lesson 11

In this lesson you will learn to

  • Use shared preference library to save app data
  • Use dart convert library to convert json to string and back
  • Load data from shared preference and display on your app

Lesson 12

In this lesson you will learn to

  • Use http client to make http call
  • Parse JSON result into map
  • Use user defined data type to hold json objects returned
  • Display the return result in the listview by using future builder