Widget City · Module 3
Widget Builder
This is the hands-on builder. Pick a parent in the tree, then add widgets like Container, Row, Column, Text, and Icon. The preview and Dart code update as you build.
Keep the layout simple, then grow it into a real widget tree.
Keep the layout simple, then grow it into a real widget tree.
Learn by example
This builder is your sandbox. Start simple, connect widgets together, and watch the preview change as your tree grows.
Widget tree
Properties (Container)
Padding:
Border Radius:
Color:
Live preview
Container
empty
Generated Dart
Container()
Quick challenge
Which widget would you add if you want to place several children in a vertical stack?