Git Product home page Git Product logo

flutter_lessons's Introduction

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

flutter_lessons's People

Contributors

lohanidamodar avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.