material-components-flutter-codelabs icon indicating copy to clipboard operation
material-components-flutter-codelabs copied to clipboard

Issues Identified in MDC-103 Flutter: Material Theming with Color, Shape, Elevation, and Type

Open laurencetroyv opened this issue 1 year ago • 1 comments

Issues Identified and Resolutions:

1. Use the new text themes

  • Issue: In Step 5 under "Use the new text themes," the instruction mentions adding themes to _buildShrineTheme after an error, but there is no error present.
  • Resolution: Update the instruction to remove the reference to an error since none exists.

2. Shrink the text

  • Issue: The code in Step 5 uses a deprecated text style: style: theme.textTheme.button. This generates a warning stating that 'button' is deprecated and should be replaced with 'labelLarge'.
  • Resolution: Update the code to replace textTheme.button with textTheme.labelLarge to avoid the deprecated warning.

3. Theme the text fields

  • Issue: In the images shown for the login page under "Theme the text fields," there is spacing present that was not explicitly instructed in earlier tutorials (1-3), causing confusion for beginners.
  • Resolution: Clarify or provide instructions on the source code regarding the spacing to ensure consistency and prevent confusion for beginners.

laurencetroyv avatar Feb 24 '24 21:02 laurencetroyv

Regarding the first item you mentioned, they are referring to the error attribute:

ThemeData _buildShrineTheme() {
  final ThemeData base = ThemeData.light(useMaterial3: true);
  return base.copyWith(
      colorScheme: base.colorScheme.copyWith(
        primary: kShrinePink100,
        onPrimary: kShrineBrown900,
        secondary: kShrineBrown900,
        error: kShrineErrorRed,
      ),
      textTheme: _buildShrineTextTheme(base.textTheme),
      textSelectionTheme: const TextSelectionThemeData(
        selectionColor: kShrinePink100,
      ));
}

smissaertj avatar Jun 29 '24 05:06 smissaertj