Why is my

Switch

outside of the

Row

even though the code is inside the block?

Compose UI doesn't clip children by default. Add a clip modifier to the row and you'll see something a bit closer to what you might have expected.

As far as I remember, adding a weight only to the last Composable should make it take up exactly as much space as it needs and the rest should be taken up by the elements before it. I've done that before. If I set a weight on the Column, I would need to know its exact width beforehand (which I can't)

No. The parent measures all children without a weight first and allocate the rest space according to the weight value, which means children without a weight will take up exactly as much space as they need.

@Albert Chang But this is what I was just saying

Set the weight on the column

Thank you, it's working. I guess I remembered that wrong.

@Florian Walther (live streaming) you are a bit stubborn xD This is the same as xml views i guess. You typically do not set the weigh on the things that you don’t want to get overlapped. So you just say: place me the switch, after that use the remaining space for the text