MNNIT CC 2021-22 Classes

Flutter Development Class - II

Get the Presentation used in class: Here

Get the Class recording: Here

Nov 20, 2021

Flutter logo

Class coverage:

  1. How stateful widget works?
  2. How to draw a widget tree?
  3. How can you layout a widget?
  4. What is the difference between a responsive app and an adaptive app?
  5. How to build a responsive app?
  6. How to build an adaptive app? (skipped)
  7. How Navigation works in Flutter?
  8. Some examples:
    1. An app demonstrating Lifecycle of Stateful Widget in Flutter. Find here.
    2. An app with a homescreen navigating to following demos:
      • Showing a hierarchy of Row and Column widgets.
      • Showing a hierarchy of Row and Column and Image widgets.
      • Showing use of LayoutBuilder widget.
      • Showing use of MediaQuery widget.
      • The homescreen itself shows unnamed route navigation.

      Find here.

    3. A simple app demonstrating named routing. Find here.

More Content:

Homework:

Explore the following links and learn:

  1. Hero Animations
  2. Adding assets and images
  3. Diaplay images from internet
  4. Fade images with placeholder
  5. Caching images
  6. Long lists (lazy loading)
  7. Floating Appbar
  8. Forms
  9. Explore using Firebase Databases/Authentication in Flutter.

You can find more links, reading resources and contacts to coordinators here.