Expanded wordt binnen widgets zoals Row, Column of Flex gebruikt om ervoor te zorgen dat de kindwidget de maximale beschikbare ruimte inneemt in de hoofdrichting. Het is handig bij het maken van responsieve interfaces en het gelijkmatig verdelen van widgets. Bijvoorbeeld, om een rij te maken met twee knoppen, waarvan één de resterende ruimte opvult.

Row(
  children: <Widget>[
    Container(
      color: Colors.red,
      width: 100,
    ),
    Expanded( // Deze widget vult de resterende ruimte
      child: Container(
        color: Colors.blue,
      ),
    ),
  ],
)

Vorige Volgende