Examples

  1. A Brief Framework Tool
    1. About Flutter
    2. Setup and Tools
    3. Flutter Widgets
    4. BuildContext Class
    5. Dissecting the Counter App
    6. Stateful Widget Lifecycle
  1. Build a Basic App
    1. Basic Dogs App Setup
    2. Data Model & HTTP
    3. Reusable Custom Card Widget
    4. ListView and Builder Methods
    5. Gradients Background
    6. Routing 1: Pages on the Fly
    7. Routing 2: Add New Dog Page
    8. Forms 1: User Input
    9. Forms 2: Sliders and Buttons
    10. User Feedback: Toasts / Snackbars
    11. Built In Animation
    12. Hero Transition
  1. Auth, InheritedWidget, Firebase
    1. State Management the Flutter Way
    2. Log In Flow Boiler Plate
    3. Set Up InheritedWidget (AppState)
    4. Set up 2222 AppLoading
    5. Login New User
    6. Auto Login on Startup
  1. Redux + Firebase
    1. Redux App: Getting To Start
    2. What is Redux
    3. Flutter Redux Setup
    4. Add a Redux Store
    5. AppState Model
    6. App Reducer
    7. Counter Redux Cycle
    8. Logger Middleware
    9. Redux Wrap Up
    10. Adding Firebase
    11. LogIn Redux Cycle
    12. Firebase LogIn Middleware
    13. LogIn Redux Cycle contd
    14. Add User Profile
  1. Custom Loader Animation
    1. Step One: Tweening
    2. Step Two: AnimatedWidget
  1. Google Static Maps API
    1. Dart URI + Google Static Maps API
    2. Make the Static Map Interactive
    3. Update Location with Dart Streams
  1. DMGT Docs
    1. First DMGT Doc
    2. Doc2 and more
  1. Appendix
    1. Dart for Web Developers
    2. Flutter Theme Class
    3. InheritedWidget: Custom Theme Class
    4. dmgt test doc # 2
Example Apps Source Code
© 2018 Eric Windmill & Contributors

Flutter by Example

Flutter By Example is a collection of example tutorials that will help you master Flutter by coding real apps.

Whether you've been writing software for years and want to pick up Flutter quickly, of this is your first go at building an application, this is for you.

We encourage you to get involved, contribute and teach what you know about Dart and Flutter.

Example Apps Github
About FbE
Contribute

Examples

Build a Basic Flutter App

project logo
  • Layout
  • Routes
  • HTTP
  • Forms
  • Hero Animations
  • Fade In Images
  • Gradients
  • Sliders
  • Alert Dialogs

Architecture: Auth with Redux + Firebase

project logo
  • Flutter Redux package
  • State Management
  • Firebase Integration
  • Firebase Google Auth
  • Linear Gradients

Architecture: Auth with Firebase + Inherited Widget

project logo
  • InheritedWidget
  • State Management
  • Firebase Integration
  • Firebase Google OAuth
  • Routing
  • Loading Screens

Custom Animations

project logo
  • Animations
  • AnimatedWidget
  • Transform
  • TickerProviderStateMixin
  • Tweens

Night Sky Animation

project logo

This tutorial isn't done, but you can find the source code here.

  • Animation Controller
  • Gradients
  • BoxShape
  • Tweens
  • Stacks (lots of stacks)
  • Reusable Animations

Google Static Maps

project logo
  • Google Static Maps API
  • Device Location
  • HTTP
  • Dart Streams
  • Basic UI
  • Buttons