Migrating a Flutter app to Material 3
summary
Explains how enabling the useMaterial3 flag in ThemeData constructor (not via copyWith) switches Flutter from Material 2 to Material 3 defaults: a seed-based color scheme generated by the material_color_utilities package, new 2021 typography groups, Android ripple and stretch overscroll, segmented buttons, and surface tint overlays that replace some elevation shadows across six elevation levels. Shows dynamic color from an ImageProvider, notes the flag is false now but will become true by default.
AI-written summary · about
chapters (11)
- 0:00Introduction to Material 3
- 1:08Enabling Material 3 flag
- 3:36Visual changes in Material 3
- 7:12Custom color schemes in Material 3
- 9:04Dynamic color from images
- 10:53Material 3 elevation system
- 14:24Elevation levels in Material 3
- 16:52Typography updates in Material 3
- 19:41Future of Material 3 flag
- 20:46Migration tools and resources
- 22:09Q&A
related talks
30mGetting your apps ready for Material 3
45mEverything Material All At Once
37mMastering Scalable Theming for Custom Flutter Widgets
32mBeyond Mobile: Material Design, Adaptable UIs, and Flutter
06mMaterial You in Compose apps
41mWe dropped Material 3
41mDiscovering Material 3 for Android
36mMastering the power of Advance theming in Flutter