AlignNode

Description:

  AlignNode is a layout node that aligns its children.

Class Object: AlignNode Class.

Inherits from: Node.

css

Type: Function.

Description:

  Sets the layout style of the node.

Signature:

css: function(self: AlignNode, style: string)

Usage:

alignNode:css("flex-direction: column; justify-content: center; align-items: center;")

Parameters:

Parameter	Type	Description
style	string	The layout style.The following properties can be set through a CSS style string:## Layout direction and alignment* direction: Sets the direction (ltr, rtl, inherit).* align-items, align-self, align-content: Sets the alignment of different items (flex-start, center, stretch, flex-end, auto).* flex-direction: Sets the layout direction (column, row, column-reverse, row-reverse).* justify-content: Sets the arrangement of child items (flex-start, center, flex-end, space-between, space-around, space-evenly).## Flex properties* flex: Sets the overall size of the flex container.* flex-grow: Sets the flex growth value.* flex-shrink: Sets the flex shrink value.* flex-wrap: Sets whether to wrap (nowrap, wrap, wrap-reverse).* flex-basis: Sets the flex basis value or percentage.## Margins and dimensions* margin: Can be set by a single value or multiple values separated by commas, percentages or auto for each side.* margin-top, margin-right, margin-bottom, margin-left, margin-start, margin-end: Sets the margin values, percentages or auto.* padding: Can be set by a single value or multiple values separated by commas or percentages for each side.* padding-top, padding-right, padding-bottom, padding-left: Sets the padding values or percentages.* border: Can be set by a single value or multiple values separated by commas for each side.* width, height, min-width, min-height, max-width, max-height: Sets the dimension values or percentage properties.## Positioning* top, right, bottom, left, start, end, horizontal, vertical: Sets the positioning property values or percentages.## Other properties* position: Sets the positioning type (absolute, relative, static).* overflow: Sets the overflow property (visible, hidden, scroll).* display: Controls whether to display (flex, none).

onAlignLayout

Type: Function.

Description:

  Registers a callback function for when the layout is updated.

Signature:

onAlignLayout: function(self: AlignNode, callback: function(width: number, height: number))

Parameters:

Parameter	Type	Description
callback	function	The callback function for when the layout is updated.