Flex 方向 (Flex Direction)

定义主轴的方向。

flexDirection 属性确立了主轴，使子元素可以按水平方向（行）或垂直方向（列）排列。

以下示意以默认的 Direction.Ltr 为例。设置 Direction.Rtl 后，Row 从右向左排列，RowReverse 从左向右排列；列方向仍沿垂直轴。

取值

图示

Row（行）:
[Item 1] -> [Item 2] -> [Item 3]

Column（列）:
[Item 1]
   |
   v
[Item 2]
   |
   v
[Item 3]

Row (行)

默认行为。子元素从左到右排列。

Row Reverse (反向行)

子元素从右到左排列。

Column (列)

子元素从上到下排列。

Column Reverse (反向列)

子元素从下到上排列。

后续步骤

• Flex 换行 (Flex Wrap)
• 主轴对齐 (Justify Content)