eca218ac79
* Adds base template for new docs site * Adds Apis to docs * add some css from rn * Fix right side sidebar functionality * Basic docs * adds old docs * Cleans up unnecessary files * Chane links * Adds docusaurus v2 * Styling fixes * adds wip and new assets * adds code image * Add FAQ link * Adds analytics * adds cname * cleanup blogs
2.9 KiB
| sidebar_label | title |
|---|---|
| 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.
FlexLayout inherits from NodeLayout
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);
Static Methods
FlexLayout can access all the static methods defined in NodeLayout
Instance Properties
FlexLayout can access all the instance properties defined in NodeLayout
Instance Methods
FlexLayout can access all the instance methods defined in NodeLayout
Additionally it also has the following instance methods:
layout.addWidget(childWidget, childFlexNode?)
Adds the childWidget to the layout. It calls the native method of custom FlexLayout.
childWidgetNodeWidget - child widget that needs to be added to the layout.childFlexNodeflexNode ref (Optional) - flexNode reference of the child widget. You can get this by callingchildWidget.getFlexNode().
layout.insertChildBefore(childWidget, beforeChildWidget, childFlexNode?, beforeChildFlexNode?)
Adds the childWidget before another already set childWidget in the layout. It calls the native method of custom FlexLayout.
childWidgetNodeWidget - child widget that needs to be added to the layout.beforeChildWidgetNodeWidget - the widget before which thechildWidgetneeds to be added in the layout.childFlexNodeflexNode ref (Optional) - flexNode reference of the child widget. You can get this by callingchildWidget.getFlexNode().beforeChildFlexNodeflexNode ref (Optional) - flexNode reference of the before child widget. You can get this by callingbeforeChildWidget.getFlexNode().
layout.removeWidget(childWidget, childFlexNode?)
Removes the childWidget from the layout. It calls the native method of custom FlexLayout.
childWidgetNodeWidget - child widget that needs to be added to the layout.childFlexNodeflexNode ref (Optional) - flexNode reference of the child widget. You can get this by callingchildWidget.getFlexNode().
layout.setFlexNode(flexNode)
A layout doesnt have its own flexNode. This method sets the flex Node to use for calculating position of the child widgets. Hence this should be always equal to the flex node of widget for which this layout is set. This is called internally by widget.setLayout.
flexNodeflexNode ref - flexNode reference of the widget for which this layout is set. You can get this by callingwidget.getFlexNode().