Row & Column

Flex-based horizontal and vertical layouts

Row and Column are the primary layout widgets. Row lays children horizontally, Column vertically. Control spacing with alignment properties.

Main axis

Cross

Dart

Row(
  children: [
    Container(color: Colors.blue, width: 40, height: 40),
    Container(color: Colors.orange, width: 32, height: 56),
    Container(color: Colors.green, width: 48, height: 32),
  ],
)
// Main axis: horizontal (left to right)
// Cross axis: vertical

8 / 35