LayoutProps

interface LayoutProps extends NodeProps

Filters

• Protected members
• Inherited members

Extended by

• ShapeProps

Properties

alignContent

alignContent?: SignalValueFlexContent

---

alignItems

alignItems?: SignalValueFlexItems

---

alignSelf

alignSelf?: SignalValueFlexItems

---

anchor

anchor?: SignalValuePossibleVector2

---

anchorX

anchorX?: SignalValuenumber

---

anchorY

anchorY?: SignalValuenumber

---

basis

basis?: SignalValueFlexBasis

---

bottom

bottom?: SignalValuePossibleVector2

The position of the bottom edge of this node.

This shortcut property will set the node's position so that the bottom edge ends up in the given place. If present, overrides the NodeProps.position property.

---

bottomLeft

bottomLeft?: SignalValuePossibleVector2

The position of the bottom left corner of this node.

This shortcut property will set the node's position so that the bottom left corner ends up in the given place. If present, overrides the NodeProps.position property.

---

bottomRight

bottomRight?: SignalValuePossibleVector2

The position of the bottom right corner of this node.

This shortcut property will set the node's position so that the bottom right corner ends up in the given place. If present, overrides the NodeProps.position property.

---

cache

cache?: SignalValueboolean

Inherited from NodeProps.cache

---

cachePadding

cachePadding?: SignalValuePossibleSpacing

Controls the padding of the cached canvas used by this node.

By default, the size of the cache is determined based on the bounding box of the node and its children. That includes effects such as stroke or shadow. This property can be used to expand the cache area further. Usually used to account for custom effects created by shaders.

Inherited from NodeProps.cachePadding

---

cachePaddingBottom

cachePaddingBottom?: SignalValuenumber

Controls the padding of the cached canvas used by this node.

By default, the size of the cache is determined based on the bounding box of the node and its children. That includes effects such as stroke or shadow. This property can be used to expand the cache area further. Usually used to account for custom effects created by shaders.

Inherited from NodeProps.cachePaddingBottom

---

cachePaddingLeft

cachePaddingLeft?: SignalValuenumber

Controls the padding of the cached canvas used by this node.

By default, the size of the cache is determined based on the bounding box of the node and its children. That includes effects such as stroke or shadow. This property can be used to expand the cache area further. Usually used to account for custom effects created by shaders.

Inherited from NodeProps.cachePaddingLeft

---

cachePaddingRight

cachePaddingRight?: SignalValuenumber

Controls the padding of the cached canvas used by this node.

By default, the size of the cache is determined based on the bounding box of the node and its children. That includes effects such as stroke or shadow. This property can be used to expand the cache area further. Usually used to account for custom effects created by shaders.

Inherited from NodeProps.cachePaddingRight

---

cachePaddingTop

cachePaddingTop?: SignalValuenumber

Controls the padding of the cached canvas used by this node.

By default, the size of the cache is determined based on the bounding box of the node and its children. That includes effects such as stroke or shadow. This property can be used to expand the cache area further. Usually used to account for custom effects created by shaders.

Inherited from NodeProps.cachePaddingTop

---

children

children?: SignalValueComponentChildren

Inherited from NodeProps.children

---

clip

clip?: SignalValueboolean

---

columnGap

columnGap?: SignalValueLength

---

composite

composite?: SignalValueboolean

Inherited from NodeProps.composite

---

compositeOperation

compositeOperation?: SignalValueGlobalCompositeOperation

Inherited from NodeProps.compositeOperation

---

direction

direction?: SignalValueFlexDirection

---

filters

filters?: SignalValueFilter[]

Inherited from NodeProps.filters

---

fontFamily

fontFamily?: SignalValuestring

---

fontSize

fontSize?: SignalValuenumber

---

fontStyle

fontStyle?: SignalValuestring

---

fontWeight

fontWeight?: SignalValuenumber

---

gap

gap?: SignalValuePossibleVector2Length

---

grow

grow?: SignalValuenumber

---

height

height?: SignalValueLength

---

justifyContent

justifyContent?: SignalValueFlexContent

---

key

key?: string

Inherited from NodeProps.key

---

layout

layout?: LayoutMode

---

layoutChildren

layoutChildren?: LayoutMode

Whether this node lays out its own children with flex. When null (the default), falls back to layout.

---

layoutSelf

layoutSelf?: LayoutMode

Whether this node participates in its parent's flex layout. When null (the default), falls back to layout.

---

left

left?: SignalValuePossibleVector2

The position of the left edge of this node.

This shortcut property will set the node's position so that the left edge ends up in the given place. If present, overrides the NodeProps.position property.

---

letterSpacing

letterSpacing?: SignalValuenumber

---

lineHeight

lineHeight?: SignalValueLength

---

margin

margin?: SignalValuePossibleSpacing

---

marginBottom

marginBottom?: SignalValuenumber

---

marginLeft

marginLeft?: SignalValuenumber

---

marginRight

marginRight?: SignalValuenumber

---

marginTop

marginTop?: SignalValuenumber

---

maxHeight

maxHeight?: SignalValueLengthLimit

---

maxWidth

maxWidth?: SignalValueLengthLimit

---

middle

middle?: SignalValuePossibleVector2

The position of the center of this node.

This shortcut property will set the node's position so that the center ends up in the given place. If present, overrides the NodeProps.position property. When anchor is not set, this will be the same as the NodeProps.position.

---

minHeight

minHeight?: SignalValueLengthLimit

---

minWidth

minWidth?: SignalValueLengthLimit

---

opacity

opacity?: SignalValuenumber

Inherited from NodeProps.opacity

---

padding

padding?: SignalValuePossibleSpacing

---

paddingBottom

paddingBottom?: SignalValuenumber

---

paddingLeft

paddingLeft?: SignalValuenumber

---

paddingRight

paddingRight?: SignalValuenumber

---

paddingTop

paddingTop?: SignalValuenumber

---

position

position?: SignalValuePossibleVector2

Inherited from NodeProps.position

---

ratio

ratio?: SignalValuenumber

---

ref

ref?: ReferenceReceiverany

Inherited from NodeProps.ref

---

right

right?: SignalValuePossibleVector2

The position of the right edge of this node.

This shortcut property will set the node's position so that the right edge ends up in the given place. If present, overrides the NodeProps.position property.

---

rotation

rotation?: SignalValuenumber

Inherited from NodeProps.rotation

---

rowGap

rowGap?: SignalValueLength

---

scale

scale?: SignalValuePossibleVector2

Inherited from NodeProps.scale

---

scaleX

scaleX?: SignalValuenumber

Inherited from NodeProps.scaleX

---

scaleY

scaleY?: SignalValuenumber

Inherited from NodeProps.scaleY

---

shaders

shaders?: PossibleShaderConfig

Experimental

This is an experimental feature. The behavior and API may change drastically between minor releases.

Inherited from NodeProps.shaders

---

shadowBlur

shadowBlur?: SignalValuenumber

Inherited from NodeProps.shadowBlur

---

shadowColor

shadowColor?: SignalValuePossibleColor

Inherited from NodeProps.shadowColor

---

shadowOffset

shadowOffset?: SignalValuePossibleVector2

Inherited from NodeProps.shadowOffset

---

shadowOffsetX

shadowOffsetX?: SignalValuenumber

Inherited from NodeProps.shadowOffsetX

---

shadowOffsetY

shadowOffsetY?: SignalValuenumber

Inherited from NodeProps.shadowOffsetY

---

shrink

shrink?: SignalValuenumber

---

size

size?: SignalValuePossibleVector2Length

---

skew

skew?: SignalValuePossibleVector2

Inherited from NodeProps.skew

---

skewX

skewX?: SignalValuenumber

Inherited from NodeProps.skewX

---

skewY

skewY?: SignalValuenumber

Inherited from NodeProps.skewY

---

spawner

spawner?: SignalValueComponentChildren

Deprecated

Use children instead.

Inherited from NodeProps.spawner

---

textAlign

textAlign?: SignalValueTextAlign

---

textDirection

textDirection?: SignalValueCanvasDirection

---

textWrap

textWrap?: SignalValueTextWrap

---

top

top?: SignalValuePossibleVector2

The position of the top edge of this node.

This shortcut property will set the node's position so that the top edge ends up in the given place. If present, overrides the NodeProps.position property.

---

topLeft

topLeft?: SignalValuePossibleVector2

The position of the top left corner of this node.

This shortcut property will set the node's position so that the top left corner ends up in the given place. If present, overrides the NodeProps.position property.

---

topRight

topRight?: SignalValuePossibleVector2

The position of the top right corner of this node.

This shortcut property will set the node's position so that the top right corner ends up in the given place. If present, overrides the NodeProps.position property.

---

translate

translate?: SignalValuePossibleVector2

---

translateX

translateX?: SignalValuenumber

---

translateY

translateY?: SignalValuenumber

---

verticalAlign

verticalAlign?: SignalValueVerticalAlign

---

width

width?: SignalValueLength

---

wordBreak

wordBreak?: SignalValueWordBreak

---

wrap

wrap?: SignalValueFlexWrap

---

x

x?: SignalValuenumber

Inherited from NodeProps.x

---

y

y?: SignalValuenumber

Inherited from NodeProps.y

---

zIndex

zIndex?: SignalValuenumber

Inherited from NodeProps.zIndex