このページの翻訳はまだありません。英語版を表示しています。

FlexDirection

Flex direction enumeration

Defines the main axis direction for flex item layout. This corresponds to the CSS flex-direction property and determines how flex items are placed within the container.

Example

import { Style, FlexDirection } from "taffy-layout";

const style = new Style();
style.flexDirection = FlexDirection.Row; // Horizontal, left to right
style.flexDirection = FlexDirection.Column; // Vertical, top to bottom

Enumeration Members

Enumeration Member	Value	Description
`Column`	`1`	Main axis runs vertically from top to bottom
`ColumnReverse`	`3`	Main axis runs vertically from bottom to top
`Row`	`0`	Main axis runs horizontally from left to right
`RowReverse`	`2`	Main axis runs horizontally from right to left