Interface LayoutNode

Pure data structure for layout computation. Separated from UIComponent for algorithm clarity.

interface LayoutNode {
    _computed: FlexComputedLayout;
    _measured: MeasuredLayout;
    _resolved: ResolvedStyle;
    children: LayoutNode[];
    id: string;
    intrinsicSize: { height: number; width: number };
    measureFn: () => { height: number; width: number };
    parent: LayoutNode;
    style: LayoutStyle;
}

Properties

After Pass 3: Final computed layout

After Pass 2: Measured sizes

After Pass 1: Resolved styles

children: LayoutNode[]

Child nodes

id: string

Unique identifier

intrinsicSize: { height: number; width: number }

Intrinsic content size (for leaf nodes with static size)

measureFn: () => { height: number; width: number }

Dynamic measure function (for leaf nodes with dynamic size)

Parent reference (set by tree)

Style properties