How to build a desktop widget kit for Flutter apps
summary
Argues that Flutter desktop needs a much bigger widget set — roughly 50 to 100 core components versus ~20 for mobile — and shows concrete APIs and patterns to build them: use MouseRegion for hover and cursor changes, create and dispose a FocusNode inside Focus/FocusScope for keyboard focus and traversal, handle key presses with onKey or map keys to Shortcuts/Actions/Intent, and demonstrates a working calendar with custom traversal and animated focus decoration.
AI-written summary · about
chapters (11)
- 0:00Desktop widget kits in Flutter
- 1:02Why desktop apps matter
- 3:32Default widgets' desktop limits
- 4:59Community widget kits explored
- 7:08Mobile vs desktop UX differences
- 8:33Desktop hover and focus patterns
- 13:34Hover effects in Flutter
- 15:18Focus and keyboard traversal
- 20:14Key presses and shortcuts
- 27:42Build desktop widget kits
- 28:46Q&A
related talks
15mBuilding a desktop design language with Flutter
13mBuilding platform adaptive apps
17mLearn about Flutter desktop
41mCustom user interactions: building a desktop drawing app
51mFlutter: How Widgets Work
50mFlutter: The Wizards of Widgets
32m"Flutter: How we're building a UI framework for tomorrow at Google"
30mCat-like Development: Flutter for Efficiency