Learn to build user interfaces from widgets in Flutter — the core skill every Flutter developer needs. You will compose screens from Text, Image, Icon and Container, arrange them with Row, Column, Stack, Expanded and Padding, choose between Material and Cupertino, and factor your UI into clean, reusable custom widgets driven by the build method.
Watch the free preview
Everything is a widget — free to watch, no account needed.
What you'll learn
- Build user interfaces from widgets by composing Flutter's widget tree in the build method
- Distinguish stateless from stateful widgets and rebuild the UI correctly with setState
- Display content with core widgets — Text, Image, Icon and Container
- Arrange widgets using Row, Column, Stack, Expanded and Padding
- Compose reusable custom widgets and choose between Material and Cupertino design
Syllabus
Widgets and the Build Method
Everything is a widgetFree preview
Stateless versus stateful widgets
Core Display Widgets
Text and Icon
Image and Container
Composing Layouts
Row, Column and Padding
Stack, Expanded and Flexible
Design Systems, Keys and Custom Widgets
Material and Cupertino
Keys and composing custom widgets
Lab — 10 Exercises & Solutions
Exercises 1–5
Exercises 6–10