How can I replicate HTML's flexbox in Godot 4?

The Godot Q&A is currently undergoing maintenance!

Your ability to ask and answer questions is temporarily disabled. You can browse existing threads in read-only mode.

We are working on bringing this community platform back to its full functionality, stay tuned for updates.

godotengine.org | Twitter

0 votes

I wanted something like this:

HBoxContainer
  TextureRect
  Label

With the hierarcy above, I wanted to set the TextureRect's size on my own, not by the HBoxContainer. But I also want to use the HBoxContainer's behavior to layout it's children horizontally.

In other words, the TextureRect should have a fixed transform size of (40, 40) and the Label size is dynamically sized based on it's text content. Just like flexbox in HTML, the parent size should match it's childrens.

Godot version 4.0
in Engine by (33 points)

2 Answers

0 votes

Set TextureRect custom_minimum_size and size flags to shrink.

by (8,550 points)
0 votes

Here is a repository capable of layout using flexbox
github repo here

by (26 points)
Welcome to Godot Engine Q&A, where you can ask questions and receive answers from other members of the community.

Please make sure to read Frequently asked questions and How to use this Q&A? before posting your first questions.
Social login is currently unavailable. If you've previously logged in with a Facebook or GitHub account, use the I forgot my password link in the login box to set a password for your account. If you still can't access your account, send an email to [email protected] with your username.