Beyond Mobile: Material Design, Adaptable UIs, and Flutter
summary
Material Components expands theming with dedicated classes for app bars, buttons, cards and corner treatments and adds Dark Mode guidance; sliders gain a slider theme with custom triangular thumb and a range slider is imminent. New widgets include ReorderableListView and SearchDelegate-based expanding search. Accessibility enforces WCAG 4.5 contrast updates and 48‑point tap targets plus test helpers. Adaptive layout uses LayoutBuilder aspect-ratio split at 0.7 for foldables and reuses article widgets across phone, TV, watch; a countertop demo uses Firebase ML Kit proximity trigger to switch passive/interactive UIs.
AI-written summary · about
chapters (20)
- 0:00Intro
- 1:13Material Design
- 2:51Dark Mode
- 3:27New Material Components
- 4:13Radical Slider Design
- 7:59New Widgets
- 10:01Semantics
- 10:26Semantics for Accessibility
- 12:03Color and Contrast
- 13:00Touch Targets
- 13:31Personal Question
- 14:00Flutter on iOS
- 15:33Talk Building for iOS with Flutter
- 15:49Adaptable UIs
- 17:14Adaptive Components
- 18:56Passive Experiences
- 20:29Text
- 21:42Navigation
- 22:18Experiments
- 28:25Flutter Everywhere
related talks
45mEverything Material All At Once
13mBuilding platform adaptive apps
02mAdaptive Design
36mAchieving seamless experience with Flutter and Material Components
35mCan the Material Design Live Long and Prosper
36mAdvanced Material Components and Theming in Flutter
26mMaking Apps adaptive with Material and Compose
15mBuild beautiful Material Design apps with Jetpack Compose