Flutter has Power workshop project

  Flutter App, Food Ordering, Templates, Theme, UI

Flutter has Power

Reference project for Flutter has Power workshops organized by STX Next.

Preview

FOOdy

Mock food ordering mobile app built in Dart and Flutter. Consists of three screens that present different aspects of Flutter development.

Home screen

Home
  • Sticky header (AppBar)
  • List of items (ListView)
  • Stacked layout (Stack)
  • Clickable widgets (FloatingActionButton, RaisedButton, GestureDetector)
  • Local state management (StatefulWidget with setState)
  • API integration (Dio library)
  • Handling async code in build (FutureBuilder)
  • Lifecycle methods (initState)

Detail screen

Detail
  • Navigation between screens (routes, Navigator, PageRoute)
  • Passing arguments during navigation (Navigator arguments)
  • Flexible layout (Row, Column)
  • Handling static files (assets)
  • Displaying images from local asset

Cart screen

Cart
  • Handcrafted modal alike screen
  • Global state management (ChangeNotifier with the provider)
  • Adjusting layout proportions (Expanded)
  • Grid view (GridView.count)
  • Finalize the app