material-components / material-components-flutter-codelabs

Codelabs for Material Components for Flutter
212 stars 244 forks source link

Update screenshots to match expectations #287

Closed sotakoyama closed 1 year ago

sotakoyama commented 1 year ago

Thanks for the great tutorial. But i am facing one problem.

Buttons and app bars become transparent as shown in the image below. Is there a way around this?

Development environment: Windows 10 Flutter 3.7.10 Pixel 5a

開発環境: Windows10 Flutter 3.7.10 Pixel 5a

Screenshot_20230511-085804 Screenshot_20230511-085855

gbonesso commented 1 year ago

Hi! I faced the same problem. I'm using this codelab to teach Flutter in a high school. I just used this mistake it to encourage the students to search the API documentation and find a solution. Not planned, but it's worked well in my case. To get the same visual result just add some atributes:

`// TODO: Add app bar (102)

  appBar: AppBar(

    // TODO: Add buttons and title (102)

    title: const Text('SHRINE', 

      style: TextStyle(color: Colors.white)

    ),

    backgroundColor: Colors.blue,

  ),`
image
guidezpl commented 1 year ago

Thanks, this is a known issue.

We should update the screenshots to avoid surprises like this, and remove the note about needing to update the screenshots from the beginning of each codelab.

yasath commented 1 year ago

All screenshots have now been updated for Material 3 :)