Flex 换行 (Flex Wrap)

控制子元素是保持在一行还是可以换行。

flexWrap 属性控制当子元素在主轴方向的单行中放不下时的行为。

下表的上下方向以 FlexDirection.Row 为例。换行沿交叉轴进行:列布局会产生左右排列的列,并受 direction 影响;WrapReverse 反转交叉轴的排列方向。

取值

值描述
NoWrap默认值。所有子元素保持在一行。它们可能会收缩(如果设置了 flexShrink)或溢出容器。
Wrap子元素在需要时换行到多行,从上到下排列。
WrapReverse子元素在需要时换行到多行,从下到上排列。

示例

Loading Preview…

后续步骤

© 2026 ByteLand Technology Limited