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-inline-start, margin-inline-end, margin-inline: 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, contents). * box-sizing: Sets the box sizing type (border-box, content-box).

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.