Skip to content

yidinghe/Flutter_Tutorial

Repository files navigation

Flutter Tutorial

Dart Flutter Firebase Gradle

Getting Started

For help getting started with Flutter, view our online documentation.

Instructions

1. First App Pages.

There are 7 steps under lib/1-FirstAppPages.
run each dart file (eg: 1_hello_world.dart)
Demo_hello_world

In this section, covered following items:

  • Created a Flutter app from the ground up.
  • Written Dart code.
  • Leveraged an external, third party library.
  • Used hot reload for a faster development cycle.
  • Implemented a stateful widget, adding interactivity to your app.
  • Created a lazily loaded, infinite scrolling list displayed with a ListView and ListTiles.
  • Created a route and added logic for moving between the home route and the new route.
  • Learned about changing the look of your app’s UI using Themes.

2. Build Layouts.

There are several dart files under lib/2-BuildLayoutsInFlutterPages.
Most of them are the examples from Flutter IO.

In this section, covered following items:

  • Build layout.
  • Add interactivity.
  • Container.
  • Gridview.
  • Listview.
  • Stack.
  • Card.

3. Cook Book.

There are several sections under lib/3-CookBookPages.
All of them are from Google Flutter IO. Cookbook

In this section, covered following items:

  • Design basics.
  • Images.
  • Lists.
  • Handling Gestures.
  • Navigation.
  • Animation.
  • Networking.
  • Persistence.
  • Form.

4. Sample Catalog.

There are 4 sections under lib/4-SampleCatalogPages.
All of them are from Google Flutter IO. Each sample demonstrates how a few Flutter widgets can be put together to implement a meaningful user interface. SampleCatalog

In this section, covered following items:

  • AnimatedList.
  • AppBar with bottom widget.
  • A typical AppBar with a title, actions, and an overflow dropdown menu..
  • ExpansionTiles.

5. Build Beautiful UI.

For this section, we are using Google Firebase to do a chat app. You can check the code under lib/5-BuildBeautifulUIs. Or you can check my separate repo: Flutter_Firebase_Demo

6. Others.

Anytime I saw some interesting implementation by Flutter, I will put it here. run each dart file see what has beem implemented. (eg: 3_PageView_Gradient.dart)
PageView_Demo_1

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages