Skip to content

Flexbox

Allows using flexbox for positioning objects.

Authors and contributors to this community extension: arthuro555.

Warning

This is an extension made by a community member — but not reviewed by the GDevelop extension team. As such, we can't guarantee it meets all the quality standards of official extensions. In case of doubt, contact the author to know more about what the extension does or inspect its content before using it.

A behavior to position objects using the CSS Flexible Box layout. Find more information at https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Known bugs:

  • This extension leaks memory at scene changes. It can result to heavy CPU usage and error messages.

Tip

Learn how to install new extensions by following a step-by-step guide.

Flex container

A container for flex items.

Behavior actions

Set flex direction
Sets the flexbox direction property.

Set flex wrap
Sets the flexbox wrap property.

Set alignement of the lines
Sets the alignement method for the lines/rows of objects in the box.

Set alignement on the X axis
Sets the alignement method for items on the X axis.

Set alignement on the Y axis
Sets the alignement method for items on the Y axis.

No expressions for this behavior.

Flex Item

An item in a flex container.

Behavior actions

Set alignement of the object
Sets the alignement method for this object.

Set growth of the object
Sets the growth for this object.

Set order of the object
Sets the order for this object.

Set shrink of the object
Sets the shrink for this object.

No expressions for this behavior.

This page is an auto-generated reference page about the Flexbox extension, made by the community of GDevelop, the open-source, cross-platform game engine designed for everyone. Learn more about all GDevelop community-made extensions here.