Wraps a raw PIXI.js Container to participate in flex layout.
// Wrap a spriteconst sprite = PIXI.Sprite.from('texture.png');const wrapper = new LayoutWrapper({ displayObject: sprite, style: { flexGrow: 1, margin: 10 }});// Add to a FlexContainerflexContainer.layoutNode.children.push(wrapper.layoutNode);// Or add to LayoutTreelayoutTree.addChild(parent.layoutNode, wrapper.layoutNode); Copy
// Wrap a spriteconst sprite = PIXI.Sprite.from('texture.png');const wrapper = new LayoutWrapper({ displayObject: sprite, style: { flexGrow: 1, margin: 10 }});// Add to a FlexContainerflexContainer.layoutNode.children.push(wrapper.layoutNode);// Or add to LayoutTreelayoutTree.addChild(parent.layoutNode, wrapper.layoutNode);
Readonly
Unique identifier for this participant
Get the wrapped display object
Get the layout node
Apply computed layout to the display object
Dispose the wrapper (does not destroy the display object)
Get the current style
Measure the content size
Set style options
Sync style (no-op for wrapper, use setStyle instead)
Wraps a raw PIXI.js Container to participate in flex layout.
Example