Justify Content
Align items along the main axis.
The justifyContent property aligns items along the main axis (horizontal if flexDirection is Row; vertical if Column).
Values
| Value | Description |
|---|---|
FlexStart | Default. Items pack toward the start of the line. |
FlexEnd | Items pack toward the end of the line. |
Center | Items are centered along the line. |
SpaceBetween | Items are evenly distributed. First item at start, last item at end. |
SpaceAround | Items are evenly distributed with equal space around them. |
SpaceEvenly | Items are evenly distributed with equal space between any two items (and edges). |
Example
Loading Preview…