nodeguy/website/docs/api/generated/classes/flexlayout.md

id	title	sidebar_label
flexlayout	FlexLayout	FlexLayout

Custom layout to help layout child widgets using flex layout.

This class is a JS wrapper around custom Qt layout implemented using Yoga

A FlexLayout can be used to layout all child NodeGui widgets using flex.

Example

const { FlexLayout, QWidget, QLabel } = require("@nodegui/nodegui");

const view = new QWidget();
const layout = new FlexLayout();
view.setLayout(layout);

const label = new QLabel();
label.setText("label1");
const label2 = new QLabel();
label2.setText("label2");

layout.addWidget(label);
layout.addWidget(label2);

Hierarchy

↳ NodeLayout‹FlexLayoutSignals›

↳ FlexLayout

Index

Constructors

• constructor

Properties

• native
• nodeChildren
• nodeParent
• type

Methods

• activate
• addEventListener
• addWidget
• inherits
• insertChildBefore
• invalidate
• objectName
• property
• removeEventListener
• removeWidget
• setFlexNode
• setNodeParent
• setObjectName
• setProperty
• update

Constructors

constructor

+ new FlexLayout(): FlexLayout

Overrides EventWidget.constructor

Returns: FlexLayout

+ new FlexLayout(parent: NodeWidget‹any›): FlexLayout

Overrides EventWidget.constructor

Parameters:

Name	Type
parent	NodeWidget‹any›

Returns: FlexLayout

Properties

native

• native: NativeElement

Overrides Component.native

---

nodeChildren

• nodeChildren: Set‹unknown› = new Set()

Inherited from Component.nodeChildren

---

Optional nodeParent

• nodeParent? : Component

Inherited from Component.nodeParent

---

type

• type: string = "layout"

Inherited from NodeLayout.type

Methods

activate

▸ activate(): boolean

Inherited from NodeLayout.activate

Returns: boolean

---

addEventListener

▸ addEventListener<SignalType>(signalType: SignalType, callback: Signals[SignalType]): void

Inherited from EventWidget.addEventListener

Type parameters:

▪ SignalType: keyof FlexLayoutSignals

Parameters:

Name	Type	Description
signalType	SignalType	SignalType is a signal from the widgets signals interface.
callback	Signals[SignalType]	Corresponding callback for the signal as mentioned in the widget's signal interface

Returns: void

void

For example in the case of QPushButton:

const button = new QPushButton();
button.addEventListener('clicked',(checked)=>console.log("clicked"));
// here clicked is a value from QPushButtonSignals interface

▸ addEventListener(eventType: WidgetEventTypes, callback: function): void

Inherited from EventWidget.addEventListener

Parameters:

▪ eventType: WidgetEventTypes

▪ callback: function

For example in the case of QPushButton:

const button = new QPushButton();
button.addEventListener(WidgetEventTypes.HoverEnter,()=>console.log("hovered"));

▸ (event?: NativeElement): void

Parameters:

Name	Type
event?	NativeElement

Returns: void

---

addWidget

▸ addWidget(childWidget: NodeWidget‹any›, childFlexNode?: FlexNode): void

Overrides NodeLayout.addWidget

Parameters:

Name	Type
childWidget	NodeWidget‹any›
childFlexNode?	FlexNode

Returns: void

---

inherits

▸ inherits(className: string): boolean

Inherited from NodeObject.inherits

Parameters:

Name	Type
className	string

Returns: boolean

---

insertChildBefore

▸ insertChildBefore(childWidget: NodeWidget‹any›, beforeChildWidget: NodeWidget‹any›, childFlexNode?: FlexNode, beforeChildFlexNode?: FlexNode): void

Parameters:

Name	Type
childWidget	NodeWidget‹any›
beforeChildWidget	NodeWidget‹any›
childFlexNode?	FlexNode
beforeChildFlexNode?	FlexNode

Returns: void

---

invalidate

▸ invalidate(): void

Inherited from NodeLayout.invalidate

Returns: void

---

objectName

▸ objectName(): string

Inherited from NodeObject.objectName

Returns: string

---

property

▸ property(name: string): QVariant

Inherited from NodeObject.property

Parameters:

Name	Type
name	string

Returns: QVariant

---

removeEventListener

▸ removeEventListener<SignalType>(signalType: SignalType, callback: Signals[SignalType]): void

Inherited from EventWidget.removeEventListener

Type parameters:

▪ SignalType: keyof FlexLayoutSignals

Parameters:

Name	Type
signalType	SignalType
callback	Signals[SignalType]

Returns: void

▸ removeEventListener(eventType: WidgetEventTypes, callback: function): void

Inherited from EventWidget.removeEventListener

Parameters:

▪ eventType: WidgetEventTypes

▪ callback: function

▸ (event?: NativeElement): void

Parameters:

Name	Type
event?	NativeElement

Returns: void

---

removeWidget

▸ removeWidget(childWidget: NodeWidget‹any›, childFlexNode?: FlexNode): void

Overrides NodeLayout.removeWidget

Parameters:

Name	Type
childWidget	NodeWidget‹any›
childFlexNode?	FlexNode

Returns: void

---

setFlexNode

▸ setFlexNode(flexNode: FlexNode): void

Parameters:

Name	Type
flexNode	FlexNode

Returns: void

---

setNodeParent

▸ setNodeParent(parent?: Component): void

Inherited from Component.setNodeParent

Parameters:

Name	Type
parent?	Component

Returns: void

---

setObjectName

▸ setObjectName(objectName: string): void

Inherited from NodeObject.setObjectName

Parameters:

Name	Type
objectName	string

Returns: void

---

setProperty

▸ setProperty(name: string, value: QVariantType): boolean

Inherited from NodeObject.setProperty

Parameters:

Name	Type
name	string
value	QVariantType

Returns: boolean

---

update

▸ update(): void

Inherited from NodeLayout.update

Returns: void