Widget Tree

Everything is a widget - visualize the tree

Flutter builds UIs as trees of widgets. Each concept reveals a different layer of how the framework works.

Text('Hello')Displays text

ElevatedButton()Tappable button

Padding()Adds space around child

Row()Horizontal layout

Container()Box with decoration

Text, buttons, padding, layout - every visible and structural element is a widget.

4 / 35