← Flutter & Dart learning path
Flutter & Dart · Module 3 of 10

Widgets and layout

Everything in Flutter is a widget; compose them to build screens.

📖 Key ideas

  1. Widgets describe part of the UI: Text, Icon, Image, Container.
  2. Layout widgets: Row, Column, Stack, Expanded, Padding.
  3. MaterialApp and Scaffold give app structure (AppBar, body).
  4. Widgets form a tree.
  5. Use const constructors where possible for performance.
💡 Real-life example: Widgets are nesting dolls: small pieces inside bigger pieces make the full screen.
WidgetBuilding block of Flutter UI
Row/ColumnHorizontal/vertical layout
ScaffoldBasic screen structure
ExpandedFills available space