Advanced Material Components and Theming in Flutter
summary
Demonstrates two concrete components: backdrop that reveals contextual controls by lowering the front layer only as far as needed (y‑offset adjusts) and a working alpha short bottom sheet that grows into a cart in Shrine. Shows real Flutter example code running in an emulator, built‑in animated icons class with ready animations, and motion tooling: arc motion paths and emphasized easing implemented by combining two Bezier curves rather than a single cubic. Also shows scoped theme overrides via wrapped Theme nodes.
AI-written summary · about
chapters (18)
- 0:00Start
- 1:45Backdrop Component
- 2:30Component Backdrop
- 3:02Filter Menu
- 6:44Material Studies
- 9:33Animated Icons
- 10:05Material Icons
- 11:38Animated Launch Screen
- 18:40Short Bottom Sheet
- 19:54Motion Paths
- 20:16Standard Easing
- 21:58Color Themes
- 26:24Color Override Widget
- 28:59Recap
- 29:23Next Steps
- 29:55New Code Lab for Theme Editor
- 30:39Code Labs
- 34:56Platform Variances
related talks
36mAchieving seamless experience with Flutter and Material Components
36mMastering the power of Advance theming in Flutter
32mBeyond Mobile: Material Design, Adaptable UIs, and Flutter
45mEverything Material All At Once
41mPortable Material: Flutter physical models
36mMaterial Theming: Build Expressively with Material Components
47mAnimations in Flutter
43mPortable Material: Flutter physical models