If I have a Column { Full width 16/9 Image Full width 16/9 Image } but now my designer wants a button that overlaps the both of those. What's the easiest way to make sure it's perfectly centered? I know I can use an offset, but then wouldn't i need to calculate buttons height and set offset to half of that?

If both images are same size, then button should be centered, no? Wrap column in a box and center-align both column and button

In reality, it'll look like this

Easy version wrap in box and center

Can you wrap the column in a box, have the column fill the box, and add a button to the center of the box?

either a box with a column + button, or use a custom layout

or put the button in the column between the two images, and use

Modifier
    .align(Alignment.CenterHorizontally)
    .height(0.dp)
    .wrapContentHeight(unbounded = true)
    .zIndex(1f)

on it

like a jetpack compose king

ConstraintLayout is perfect for this since you can constrain the top and bottom of the button to the edges of either Image

agree. but never used CL yet in compose and didn't want to have to pull something new in.

Has ConstraintLayout been ported to multiplatform yet? Other mentioned solutions are multiplatform.

Not yet 😞

I see the word yet...

Yes no promises on when though