Fluttering forward: Building a cross-platform app
summary
Builds a cross‑platform Flutter app (Dart) from a repo QR to a working quiz called Whata thinking that cycles four images of a cat and scores answers. Uses VS Code helpers, image assets, ClipRRect for rounded corners, SizedBox/Expanded/Padding layout, stateful widgets and lifted callbacks to show a separate score screen. Adds immediate visual feedback with green/red feedback via setState and a short Future.delayed with async/await. Hot Reload updates instantly; cold Chrome build takes about a minute; some packages need platform setup.
AI-written summary · about
chapters (10)
- 0:00Introduction and setup
- 2:56What is Flutter
- 4:02Creating a Flutter app
- 8:11Building the quiz UI
- 14:36Managing quiz questions
- 23:37Adding answer feedback
- 30:12Displaying the score
- 36:20Finalizing the app
- 38:51Cross-platform demo
- 42:14Q&A session
related talks
50mFlutter in Action: How to build cross-platform app with Dart
33mShould We Flutter?
33mBeyond Mobile: Building Flutter Apps for iOS, Android, Chrome OS, and Web
35mBuilding Modern Cross-Platform Apps with Flutter
30mCat-like Development: Flutter for Efficiency
47mIntroduction to Cross Platform Development with Flutter
49mFirst Flutter, then Fly: Build Reactive & Performant Cross-Platform Apps
01h 13mFlutter — live coding declarative UI