Expanded & Flexible

Control how children share space

Expanded and Flexible control how children share available space inside a Row or Column. Understanding flex factors is key to fluid layouts.

Children use only their natural width

60px
40px
50px
empty
Row(children: [A(60), B(40), C(50)])
// remaining space unused