Scaffolding, Layout, and Composition in Flutter
In this session, you will learn how to build mobile layouts in Flutter: structuring screen scaffolding (Scaffold and SafeArea), distributing elements on screen (Column, Row, Expanded), applying visual styling (Container and Padding), and resolving layout overflows (RenderFlex overflow) using SingleChildScrollView.
Practical Challenge: Workout & Fitness Routine App (FitTrack)
In this challenge, you will put your Flutter layout and architecture skills into practice by building the mobile user interface for FitTrack, a workout tracking application designed under Google Material Design 3 guidelines using the Deep Purple (#6750A4) seed color.