↩ Flex Wrap
Control whether items are forced onto one line or can wrap.
The flexWrap property controls what happens when items don't fit in a single line along the main axis.
Values
| Value | Description |
|---|---|
NoWrap | Default. All items are forced onto one line. They may shrink (if flexShrink is set) or overflow the container. |
Wrap | Items wrap onto multiple lines from cross-start toward cross-end. |
WrapReverse | Items wrap onto multiple lines with cross-start and cross-end reversed. |
For a row container this usually means top-to-bottom with Wrap and bottom-to-top with WrapReverse. For a column container the cross axis is horizontal and follows its writing direction.
Example
Loading Preview…