Skip to content
A sample shopping app that uses Flutter's Material Component.
Dart Objective-C Java
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
android
assets
fonts
ios
lib
.gitignore
.metadata
AUTHORS
CODE_OF_CONDUCT.md
LICENSE
README.md
pubspec.lock
pubspec.yaml

README.md

MDC-100 Series of Codelabs

Shrine

A sample shopping app that uses Material Component widgets in its UI and scoped_model to manage the state of its shopping cart.

Getting Started

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

Goals

  • Show how to customize Flutter's Material Component widgets to produce a unique design for an app.
  • Show how to use scoped_model to manage an app's state and access it across different routes and in different widgets.

This is an app featured in Flutter's Material codelabs.

The important bits

/model/app_state_model.dart

The model object representing the state of the app. It holds the available products as well as what's in the shopping cart.

/supplemental

A bunch of widgets that customize Material to produce the look and feel of the app.

shopping_cart.dart

The shopping cart widgets. They access the app state model via ScopedModelDescendant, display the contents of the shopping cart, and allow the user to edit them.

Questions/issues

If you have a general question about any of the techniques you see in the sample, the best places to go are:

If you run into an issue with the sample itself, please file an issue in the main Flutter repo.

You can’t perform that action at this time.