material-components / material-components-flutter-codelabs

Codelabs for Material Components for Flutter

Material Components for Flutter Codelabs

This repository contains four codelabs for Material Components for Flutter.

Introduction

Codelabs MDC-101 through MDC-104 will guide you through building and integrating one application with MDC-Flutter.

Branches

The starter and completed code is in the various branches of this repo.

Getting Started

Visit the Google codelabs site, or codelabs.developers.google.com/codelabs/mdc-101-flutter, to follow along the guided steps.

Support

If you've found an error in this sample, please file an issue on GitHub.

Patches are encouraged, and may be submitted by forking this project and submitting a pull request through GitHub.

License

Copyright 2018 Google, Inc.

Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements. See the NOTICE file distributed with this work for additional information regarding copyright ownership. The ASF licenses this file to you under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

material-components-flutter-codelabs's Issues

Typo in MDC-103 step 8

In the MDC-103 step 8 with brightness: Brightness.light you changed the status bar from black to pink, but it's written:

Now the products scroll horizontally in a woven-inspired pattern. Also, the status bar (time and network at the top) is now black. That's because we changed the AppBar's brightness to light, brightness: Brightness.light

It should be:

Now the products scroll horizontally in a woven-inspired pattern. Also, the status bar (time and network at the top) is now pink. That's because we changed the AppBar's brightness to light, brightness: Brightness.light

MDC-102 Flutter: Material Structure and Layout (Flutter) - Image not Listed

Hello,
I am integrate full project with using the codelabs instruction, there app running well but does not shows any of images,
let any body know, what the wrong with me in code.

lack definition to category in step 4 on MDC-104

under the section 'Remove the home app bar'
lack definition to category at home.dart which could cause a error when we have done the step 4 of MDC-104 .

there should be a final Category category; in the HomePage class

MDC-101 - Incomplete text at the green notice area in step 5 "Pop"

Incomplete text quoted:

Navigator maintains a stack of routes just like UINavigationController on iOS. Pushing a route places it at the top of the stack. Popping the stack removes the most recently added route. In app.dart of our app, calling initialRoute: '/login', adds the login screen to the

While I guess it should be ending with "... , adds the login screen to the stack of routes."

You can find this text under the header "Pop", in the green 'notice' area.

URL: https://codelabs.developers.google.com/codelabs/mdc-101-flutter/#4

Add backdrop Menu Issue

After completing '4. Add backdrop menu' using same codebase i cloned from MDC 1 which i built by following all instructions didnt have same screenshot shown which has a pink background as shown below
only to go to the next step to see that the screen still remains white after adding a shape.

issue found in Download the codelab start app

https://codelabs.developers.google.com/codelabs/from-java-to-dart/index.html?index=..%2F..%2Findex#6

3. Download the codelab starter app

I downloaded the app files by clicking the green "Download Starter App" button. In step 4 of this page, it says to delete the testing file (.../test/widget_test.dart). I found no such file in the directory "material-components-flutter-codelabs/mdc_100_series".

103 - PrimaryColorOverride

I get the follwing error

[dart] The method 'PrimaryColorOverride' isn't defined for the class '_LoginPageState'.

when I try to use :

PrimaryColorOverride(
  color: kShrineAltYellow, // Changed code
  child: TextField(
    controller: _usernameController,
    decoration: InputDecoration(
      labelText: 'Username',
    ),
  ),
),

Also colors.dart needs to be imported in login.dart to run the code above and

Image.asset(
  'assets/diamond.png',
  color: kShrineBackgroundWhite, 
),

Mentioning that would help!

Blank Screen When Running the App

Hi, I'm really new to Flutter & Dart
I'm facing blank screen on iOS Simulator and stuck on installing APK on Android.

1. git clone https://github.com/material-components/material-components-flutter-codelabs.git
2. cd material-components-flutter-codelabs
3. git checkout 101-starter
4. flutter create mdc_100_series
5. Open Android Studio.
6. Delete the testing files widget_test.dart
7. No prompt, since I already install flutter package on my IntelliJ
8. Run app on iOS simulator resulting blank white screen, with this error

[VERBOSE-2:dart_error.cc(16)] Unhandled exception: NoSuchMethodError: Attempted to use type 'ShrineApp' as a function. Since types do not define a method 'call', this is not possible. Did you intend to call the ShrineApp constructor and forget the 'new' operator? Receiver: ShrineApp Tried calling: ShrineApp() #0 Object.noSuchMethod (dart:core-patch/dart:core/object_patch.dart:46) #1 main (/Users/krisna/Work/flutter/material-components-flutter-codelabs/mdc_100_series/lib/main.dart:19:32) #2 _startIsolate.<anonymous closure> (dart:isolate-patch/dart:isolate/isolate_patch.dart:279) #3 _RawReceivePortImpl._handleMessage (dart:isolate-patch/dart:isolate/isolate_patch.dart:165)

Example code is missing previous changes

On page https://codelabs.developers.google.com/codelabs/mdc-104-flutter/index.html?index=..%2F..%2Findex#5

The code block below the alinea

Change the _buildStack() function to take a BuildContext and BoxConstraints. Also, include a PositionedTransition that takes a RelativeRectTween Animation:

is missing the (previously changed) ExcludeSemantics wrap around the backlayer.

MDC-104 add motion: onTap not set up

I had an error due to onTap function with the _FrontLayer setup.

I had to go into the source code to find out how to set up the GestureDetector since it's not mentioned in the tutorial.

[All] Add `const` back in where necessary

In Dart 2, const needs to be added to the first thing in a tree that is a const but nothing below that needs it. We removed it from too many places.

[101] Wrong SizedBox height in description

On page https://codelabs.developers.google.com/codelabs/mdc-101-flutter/#3, under the heading Add the TextField widgets:

Add two new text fields and a spacer after SizedBox(height: 120.0).

should be:

Add two new text fields and a spacer after SizedBox(height: 12.0).

grammar error "The the angled Shrine" in mdc 104 step 5

MDC-104 Step 7 Toggle the front layer - codelab instructions missing code

In the first TODO under this header where it says to add the on-tap callback, the instructions is missing the following line after the onTap callback is declared:
final Widget child;

Without this line, the code doesn't compile at the end of this step.

Screenshot for Theme the text fields section is not what is rendered.

https://codelabs.developers.google.com/codelabs/mdc-103-flutter/#4

MDC-103 AsymmetricView not working

I followed the tutorial of MDC-103 to include the AsymmetricView, and I got the following error:

lib/home.dart:47:38: Error: A value of type 'dart.core::List<#lib1::Product>' can't be assigned to a variable of type 'dart.core::List<#lib2::Product>'.

There is an error in the tutorial. To solve it, we simply need to change the import of the AsymmetricView to:

import 'package:Shrine/supplemental/asymmetric_view.dart';

Now it works flawlessly.

MDC-103 - Wrong link

In MDC-103

Did you find a mistake? please file a bug

Is pointing to iOS codelabs insted of this repository.

accentColor instead of primaryColor in code example in MDC-103 step 5

The portion of the code affected is the // TODO: Add AccentColorOverride (103)

MDC-104 Complete: Return to Login fails when a certain exception is thrown

Error can be reproduced by scrolling all the way right on the main page, switching from the "All" menu to the "Home" menu, then tapping on the search icon.

The underline color in category_menu_page.dart should be set in colors.dart

Should https://github.com/material-components/material-components-flutter-codelabs/blob/104-complete/mdc_100_series/lib/category_menu_page.dart#L52 be defined in colors.dart?

Mdc 102 flutter (Make a card collection step error)

In the home.dart file #Make a collection cards (102) on the line
List<Product> products = getProducts(Category.all);,

the getProducts method does not exists instead the correct code is

List<Product> products = ProductsRepository.loadProducts();

also don't forget to add import 'model/products_repository.dart';

Code styling incorrect in documentation

On page https://codelabs.developers.google.com/codelabs/mdc-104-flutter/index.html?index=..%2F..%2Findex#7 at the bottom, the last code block has the green "comment" code coloring continued for too long.

Screenshot:

Update all TODOs from PrimaryColorOverride to AccentColorOverride

MDC-102 Flutter: Material Structure and Layout (Flutter) - Wrong function name.

MDC-102 Flutter: Material Structure and Layout (Flutter)

Fetching the product info with the wrong name getAllProducts();

List<Card> _buildGridCards(BuildContext context) { List<Product> products = getAllProducts(); // **Wrong function name** ... ... }

It should be

List<Product> products = getProducts(Category.all);

Documentation - Import

Looks like a something is wrong here :

Eternal white screen when syncing files

I get this a lot. I run the emulator, run the app, then:

Launching lib\test\test_demo.dart on Android SDK built for x86 in debug mode...
Initializing gradle...
Resolving dependencies...
Running 'gradlew assembleDebug'...
Built build\app\outputs\apk\debug\app-debug.apk.
Installing build\app\outputs\apk\app.apk...
Syncing files to device Android SDK built for x86...

The app screen appears, all white. And that's it. Nothing else ever happens. If I terminate and try again, sometimes it works, sometimes it doesn't, randomly.

Sometimes, even, the emulator reboots, and then after it reopens I get a dialog saying: "Settings has stopped. Open app Again". In this case, I get this in the console:

Launching lib\test\test_demo.dart on Android SDK built for x86 in debug mode...mode...
Initializing gradle...
Resolving dependencies...
Running 'gradlew assembleDebug'...
Built build\app\outputs\apk\debug\app-debug.apk.
Installing build\app\outputs\apk\app.apk...
Error: ADB exited with exit code 1
adb: failed to install build\app\outputs\apk\app.apk:
Error launching application on Android SDK built for x86.

---

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel dev, v0.5.4, on Microsoft Windows [Version 10.0.17134.48], locale en-US)
[!] Android toolchain - develop for Android devices (Android SDK 28.0.0)
    X Android license status unknown.
[√] Android Studio (version 3.1)
[√] IntelliJ IDEA Ultimate Edition (version 2018.1)
[!] VS Code, 64-bit edition (version 1.21.1)
[√] Connected devices (1 available)

MDC-104 Flutter: Material Advanced Components (Flutter) - Step 4

Widget _buildStack() {
child: Stack(
key: _backdropKey,
children: [
widget.backLayer,
widget.frontLayer,
],
);
}

contains an error.

Replace it with:

Widget _buildStack() {
return Stack(
key: _backdropKey,
children: [
widget.backLayer,
widget.frontLayer,
],
);
}

MDC-102 Flutter: Material Structure and Layout (Flutter), // TODO: Add a grid view (102)

// TODO: Add a grid view (102)
body: new GridView.count(
....
children: _buildGridCards(10) // Replace
// Remember to delete the old code below this
),

I didn't realize how much of the "old code" I needed to delete.

[104] Icons that return to login page need semantic labels

Search and tune icons need labels to be accessible via TalkBack/similar

MDC-104 branded icon: _BackdropTitle never set up

There is no _BackdropTitle mentioned in the tutorial, so the app is broken before the recap

MDC-104 Parameter onTap not implemented yet on step 6.

The onTap parameter will be implemented only on step 7.

The codelab is mdc-104-flutter

Copy-pasted from step 6:

return Stack(
      key: _backdropKey,
      children: <Widget>[
        widget.backLayer,
        PositionedTransition(
          rect: layerAnimation,
          child: _FrontLayer(
            onTap: _toggleBackdropLayerVisibility,
            child: widget.frontLayer,
          ),
        ),
      ],
    );

MDC-104 Step 7 - code mismatch with codelab instructions

The following two lines which need to be replaced in the _ShrineAppState class are actually in the ShrineApp class in the code. Documentation is correct, code needs to be updated so people don't copy/paste into the wrong class and get confused.

// TODO: Add variable for selected Category (104)
// TODO: Add a callback when a Category is tapped (104)

Changing yellow color and brightness did not work for me

In home.dart, change the brightness to dark
in login.dart, change the primary override to yellow for both text fields
When I did that it had no effect.
https://github.com/benedicte69/flutter_mdc_100_series

Minor color issue in MDC-104: screenshot doesn't match code to set background color

From Step 4 - 'Add the backdrop menu' -

      // TODO: Change home: to a Backdrop with a HomePage frontLayer (104)
      home: Backdrop(
        // TODO: Make currentCategory field take _currentCategory (104)
        currentCategory: Category.all,
        // TODO: Pass _currentCategory for frontLayer (104)
        frontLayer: HomePage(),
        // TODO: Change backLayer field value to CategoryMenuPage (104)
        backLayer: Container(color: kShrinePink100),
        frontTitle: Text('SHRINE'),
        backTitle: Text('MENU'),
      ),

should read

      // TODO: Change home: to a Backdrop with a HomePage frontLayer (104)
      home: Backdrop(
        // TODO: Make currentCategory field take _currentCategory (104)
        currentCategory: Category.all,
        // TODO: Pass _currentCategory for frontLayer (104)
        frontLayer: HomePage(),
        // TODO: Change backLayer field value to CategoryMenuPage (104)
        backLayer: Container(color: kShrineBackgroundWhite),
        frontTitle: Text('SHRINE'),
        backTitle: Text('MENU'),
      ),

(e.g. change kShrinePink100 to kShrineBackgroundWhite)

so as to match the screenshot the directly follows the step.

Thanks folks !

CodeLab has wrong git branch listed

@skabber originally posted this to the ios-odelabs repo:

https://codelabs.developers.google.com/codelabs/mdc-103-flutter/index.html
The MDC-103 Flutter codelab states that the branch to us is this.

git clone https://github.com/material-components/material-components-flutter-codelabs.git
cd material-components-flutter-codelabs
git checkout 102-starter_and_101-complete
The correct branch is 103-starter_and_102-complete

Minor instruction issue in MDC-104: Missing import ?

In Step 4, 'Add the Background Menu' I had to import both -

• backdrop.dart (as included in the instructions); and
• model/product.dart

to get things to compile.

I had completed MDC-103 and then used my work to continue on to MDC-104; unsure if the previous tutorial should have included it at some point - or if the instructions in MDC-104 need to be updated.

Thanks folks !

Add iOS setup screenshots to setup instructions

Include how to launch on iOS simulator instead of Android. Consider replacing 50% of the screenshots with iOS simulator screenshots instead of Android.

MDC-103 Flutter: Material Theming with Color, Shape, Elevation, and Type (Flutter)

Hi, i got an exception when i ran the demo code, i don't know how to fix it, please help me, thank you.

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        brightness: Brightness.light,
        leading: IconButton(
          icon: Icon(Icons.menu),
          onPressed: () {
            print('Menu button');
          },
        ),
        title: Text('SHRINE'),
        actions: <Widget>[
          IconButton(
            icon: Icon(Icons.search),
            onPressed: () {
              print('Search button');
            },
          ),
          IconButton(
            icon: Icon(Icons.tune),
            onPressed: () {
              print('Filter button');
            },
          ),
        ],
      ),
      body: AsymmetricView(products: getProducts(Category.all)),
    );
  }
}

I/flutter ( 4768): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
I/flutter ( 4768): The following _CompileTimeError was thrown building HomePage(dirty):
I/flutter ( 4768): 'file:*****/lib/home.dart': error: line 49 pos 38:
I/flutter ( 4768): lib/home.dart:49:38: Error: A value of type 'dart.core::List<#lib1::Product>' can't be assigned to a
I/flutter ( 4768): variable of type 'dart.core::List<#lib2::Product>'.
I/flutter ( 4768): Try changing the type of the left hand side, or casting the right hand side to
I/flutter ( 4768): 'dart.core::List<#lib2::Product>'.
I/flutter ( 4768): body: AsymmetricView(products: getProducts(Category.all)),
I/flutter ( 4768): ^
I/flutter ( 4768): body: AsymmetricView(products: getProducts(Category.all)),
I/flutter ( 4768): ^
I/flutter ( 4768):
I/flutter ( 4768): When the exception was thrown, this was the stack:
I/flutter ( 4768): #0 StatelessElement.build (package:flutter/src/widgets/framework.dart:3695:28)
I/flutter ( 4768): #1 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3642:15)
I/flutter ( 4768): #2 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #3 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #4 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #5 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #6 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #7 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4654:14)
I/flutter ( 4768): #8 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #9 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #10 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #11 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #12 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #13 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #14 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #15 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #16 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4654:14)
I/flutter ( 4768): #17 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #18 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #19 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4654:14)
I/flutter ( 4768): #20 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #21 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #22 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4654:14)
I/flutter ( 4768): #23 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #24 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #25 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4654:14)
I/flutter ( 4768): #26 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #27 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #28 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #29 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #30 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #31 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:3769:11)
I/flutter ( 4768): #32 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #33 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #34 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #35 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #36 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #37 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #38 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #39 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #40 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #41 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #42 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #43 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #44 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:3769:11)
I/flutter ( 4768): #45 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #46 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #47 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #48 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4654:14)
I/flutter ( 4768): #49 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #50 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #51 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #52 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #53 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #54 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #55 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #56 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #57 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4654:14)
I/flutter ( 4768): #58 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #59 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #60 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #61 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #62 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #63 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:3769:11)
I/flutter ( 4768): #64 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #65 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #66 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #67 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #68 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #69 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #70 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #71 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #72 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #73 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4654:14)
I/flutter ( 4768): #74 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #75 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #76 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #77 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #78 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #79 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #80 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #81 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #82 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #83 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #84 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #85 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:3769:11)
I/flutter ( 4768): #86 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #87 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #88 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #89 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #90 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #91 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #92 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:3769:11)
I/flutter ( 4768): #93 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #94 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #95 MultiChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4759:32)
I/flutter ( 4768): #96 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #97 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #98 _TheatreElement.mount (package:flutter/src/widgets/overlay.dart:493:16)
I/flutter ( 4768): #99 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #100 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #101 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #102 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #103 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #104 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:3769:11)
I/flutter ( 4768): #105 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #106 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #107 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #108 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #109 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #110 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #111 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #112 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #113 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #114 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4654:14)
I/flutter ( 4768): #115 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #116 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #117 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #118 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #119 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #120 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:3769:11)
I/flutter ( 4768): #121 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #122 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #123 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #124 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4654:14)
I/flutter ( 4768): #125 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #126 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #127 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4654:14)
I/flutter ( 4768): #128 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #129 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #130 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #131 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #132 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #133 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:3769:11)
I/flutter ( 4768): #134 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #135 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #136 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #137 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #138 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #139 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #140 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #141 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #142 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #143 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #144 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #145 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #146 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #147 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #148 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #149 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #150 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #151 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #152 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #153 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #154 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #155 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #156 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #157 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #158 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #159 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #160 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #161 SingleChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:4654:14)
I/flutter ( 4768): #162 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #163 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #164 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #165 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #166 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #167 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:3769:11)
I/flutter ( 4768): #168 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #169 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #170 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #171 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #172 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #173 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #174 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #175 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #176 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #177 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #178 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #179 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #180 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:3769:11)
I/flutter ( 4768): #181 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #182 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #183 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #184 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #185 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #186 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #187 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #188 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #189 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #190 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #191 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #192 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #193 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #194 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #195 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #196 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #197 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #198 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #199 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #200 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #201 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #202 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #203 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #204 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #205 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:3769:11)
I/flutter ( 4768): #206 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #207 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #208 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #209 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #210 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #211 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #212 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #213 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #214 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #215 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #216 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #217 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #218 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:3769:11)
I/flutter ( 4768): #219 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #220 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #221 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #222 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:3653:16)
I/flutter ( 4768): #223 Element.rebuild (package:flutter/src/widgets/framework.dart:3495:5)
I/flutter ( 4768): #224 ComponentElement._firstBuild (package:flutter/src/widgets/framework.dart:3622:5)
I/flutter ( 4768): #225 ComponentElement.mount (package:flutter/src/widgets/framework.dart:3617:5)
I/flutter ( 4768): #226 Element.inflateWidget (package:flutter/src/widgets/framework.dart:2907:14)
I/flutter ( 4768): #227 Element.updateChild (package:flutter/src/widgets/framework.dart:2710:12)
I/flutter ( 4768): #228 RenderObjectToWidgetElement._rebuild (package:flutter/src/widgets/binding.dart:857:16)
I/flutter ( 4768): #229 RenderObjectToWidgetElement.mount (package:flutter/src/widgets/binding.dart:828:5)
I/flutter ( 4768): #230 RenderObjectToWidgetAdapter.attachToRenderTree. (package:flutter/src/widgets/binding.dart:774:17)
I/flutter ( 4768): #231 BuildOwner.buildScope (package:flutter/src/widgets/framework.dart:2222:19)
I/flutter ( 4768): #232 RenderObjectToWidgetAdapter.attachToRenderTree (package:flutter/src/widgets/binding.dart:773:13)
I/flutter ( 4768): #233 _WidgetsFlutterBinding&BindingBase&GestureBinding&ServicesBinding&SchedulerBinding&PaintingBinding&RendererBinding&WidgetsBinding.attachRootWidget (package:flutter/src/widgets/binding.dart:662:7)
I/flutter ( 4768): #234 runApp (package:flutter/src/widgets/binding.dart:704:7)
I/flutter ( 4768): #235 main (file:///Users/zheng/Documents/android_project/hi_flutter/lib/main.dart:19:16)
I/flutter ( 4768): #236 _startIsolate. (dart:isolate/runtime/libisolate_patch.dart:279:19)
I/flutter ( 4768): #237 _RawReceivePortImpl._handleMessage (dart:isolate/runtime/libisolate_patch.dart:165:12)
I/flutter ( 4768): ══════════════════════════════════════════════════════════

103

Colors.white doesn't work

Documentation - Commands

In step 3 of MDC-101 :
Command to clone from git repo :

git clone 
https://github.com/material-components/material-components-flutter-codelabs.git
git checkout 101-starter
cd material-components-flutter-codelabs

should be replaced with

git clone \
https://github.com/material-components/material-components-flutter-codelabs.git
cd material-components-flutter-codelabs
git checkout 101-starter

BeveledRectangleBorder is not defined

Showing error on login.dart The method 'BeveledRectangleBorder' isn't defined for the class '_LoginPageState'. is there any thing else to import?

Issue with MDC-104 in Backdrop

Hi there,

I m raising this as an issue, as I don't know where to ask the question or if it's my fault.

As I was following tutorial MDC-104, after implementing the Backdrop, when I try to compile the app, I receive the following error:

Running 'gradlew assembleDebug'...
compiler message: lib/app.dart:34:35: Error: A value of type '#lib1::Category' can't be assigned to a variable of type '#lib2::Category'.
compiler message: Try changing the type of the left hand side, or casting the right hand side to '#lib2::Category'.
compiler message:         currentCategory: Category.all,
compiler message:                                   ^
Compiler failed on ~/mdc_100_series/lib/main.dart

This is the line that fails:

 // TODO: Change home: to a Backdrop with a HomePage frontLayer (104)
      home: Backdrop(
        // TODO: Make currentCategory field take _currentCategory (104)
        currentCategory: Category.all,

And below is the implementation as per the tutorial documentation:

class Backdrop extends StatefulWidget {
  final Category currentCategory;
  final Widget frontLayer;
  final Widget backLayer;
  final Widget frontTitle;
  final Widget backTitle;

  const Backdrop(
      {@required this.currentCategory,
      @required this.frontLayer,
      @required this.backLayer,
      @required this.frontTitle,
      @required this.backTitle})
      : assert(currentCategory != null),
        assert(frontLayer != null),
        assert(backLayer != null),
        assert(frontTitle != null),
        assert(backTitle != null);

  @override
  _BackdropState createState() => _BackdropState();
}

Am I missing something?

Please see below my setup:

Flutter 0.5.1 • channel beta • https://github.com/flutter/flutter.git
Framework • revision c7ea3ca377 (8 weeks ago) • 2018-05-29 21:07:33 +0200
Engine • revision 1ed25ca7b7
Tools • Dart 2.0.0-dev.58.0.flutter-f981f09760

Running flutter doctor...
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel beta, v0.5.1, on Linux, locale en_US.UTF-8)
[✓] Android toolchain - develop for Android devices (Android SDK 28.0.0)
[✓] Android Studio (version 3.1)
[✓] IntelliJ IDEA Ultimate Edition (version 2018.1)
[✓] Connected devices (1 available)

Thank you.

Kind regards,
Adrian

[102] Add color: Colors.white in leading IconButton

In https://codelabs.developers.google.com/codelabs/mdc-102-flutter/#3, under Add a leading IconButton:

return Scaffold(
  appBar: AppBar(
    // TODO: Add buttons and title (102)
    leading: IconButton(
      icon: Icon(
        Icons.menu,
        semanticLabel: 'menu',
      ),
      onPressed: () {
        print('Menu button');
      },
    ),

should be:

return Scaffold(
  appBar: AppBar(
    // TODO: Add buttons and title (102)
    leading: IconButton(
      icon: Icon(
        Icons.menu,
        semanticLabel: 'menu',
        color: Colors.white, // added
      ),
      onPressed: () {
        print('Menu button');
      },
    ),

[104] Announce ways to access back layer of backdrop

The menu button and top layer of the backdrop allow users to open the back layer of the backdrop, but are not announced as such with TalkBack.

Typo in tests path

On page:
3. Download the codelab starter app

Step
4. In the project panel on the left, delete the testing file ../tests/widget_test.dart

The path is listed as "/tests/" but in the package itself, it is actually "/test/"

[104] TalkBack reads back layer of Backdrop even when closed

TODO: Wrap Password with AccentColorOverride (103) - missed out the line for obscured text

// TODO: Wrap Password with AccentColorOverride (103)
// [Password]
AccentColorOverride(
  color: kShrineBrown900,
  child: TextField(
    controller: _passwordController,
    decoration: InputDecoration(
      labelText: 'Password',
    ),
  ),
),

missed out

obscureText: true,

thanks!

List View Layout did not Resize when soft keyboard open ?

hi,list view children layout did not resize when i click on text field to enter it overlay and invisible button and text field in MDC-101 Flutter: Material Components (MDC) Basics (Flutter) code lab ?

TODO: Build a grid of cards (102) - missed a size box above the diamond png

In the tutorial it says

// TODO: Build a grid of cards (102)
children: <Widget>[
  Card(
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[
        AspectRatio(
          aspectRatio: 18.0 / 11.0,
          child: Image.asset('assets/diamond.png'),
        ),
        Padding(
          padding: EdgeInsets.fromLTRB(16.0, 12.0, 16.0, 8.0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              Text('Title'),
              SizedBox(height: 8.0),
              Text('Secondary Text'),
            ],
          ),
        ),
      ],
    ),
  )
],

Its output is different from the screenshot shown in the tutorial.
There should be more space above the diamond.png.

// TODO: Build a grid of cards (102)
children: <Widget>[
  Card(
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: <Widget>[

      //missed this line
      SizedBox(height: 8.0),
      //end        

      AspectRatio(
          aspectRatio: 18.0 / 11.0,
          child: Image.asset('assets/diamond.png'),
        ),
        Padding(
          padding: EdgeInsets.fromLTRB(16.0, 12.0, 16.0, 8.0),
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: <Widget>[
              Text('Title'),
              SizedBox(height: 8.0),
              Text('Secondary Text'),
            ],
          ),
        ),
      ],
    ),
  )
],

Minor issue, it just bugs me a bit (OCD lol). Thanks!

MDC-104 uses slanted-menu.png which isn't in any branch but 104-complete

The "Add a Branded Icon" step of MDC-104 references slanted-menu.png which is not in any branch except the final one. This should probably be included in every branch and the pubspec.yaml be updated across all branches to include this asset.