Enable Material 3 - Githubissues

flutter / put-flutter-to-work

A Flutter add-to-app demo you can try with your own apps

BSD 3-Clause "New" or "Revised" License

321 stars 38 forks source link

Enable Material 3 #213

Closed miquelbeltran closed 1 year ago

miquelbeltran commented 1 year ago

Description

Enabled Material 3 on this sample.

Changes:

Enable Material 3 on sample.
Set foregroundColor for elevated button, otherwise it will appear in blue
Set surfaceTintColor on Card, otherwise it gets darker due to elevation.
The Flutter Material ActionChip class changes from round to square with Material 3, this can be observed in the screenshots.

As the documentation for ActionChip says:

If [ThemeData.useMaterial3] is true, then [ActionChip] will be styled to match the Material Design 3 Assist and Suggestion chips.

Before Material 3

Screenshot from 2023-04-21 14-39-35

With Material 3

Screenshot from 2023-04-21 14-56-42

Type of Change

[x] ✨ New feature (non-breaking change which adds functionality)
[ ] 🛠️ Bug fix (non-breaking change which fixes an issue)
[ ] ❌ Breaking change (fix or feature that would cause existing functionality to change)
[ ] 🧹 Code refactor
[ ] ✅ Build configuration change
[ ] 📝 Documentation
[ ] 🗑️ Chore