Good evening 👋 Got an interesting question (I think 🤔).. I'm trying to get the resolved width/height of a composable in px, which has a modifier using aspect ratio. Something like:

Image(modifier = Modifier.fillMaxWidth.aspectRatio(1.50f)

And I want to know the resolved height in px, and use that as an offset for another child composable. For simplicity, imagine this

Image

is inside a

Box

and there is another child composable in this box that I want to apply an offset too, by doing some calculation using the

Image

height. (This problem would be easy if the height was hardcoded like 200.dp, but I have to use aspect ratio) I'm guessing the only way to do this is using the

Layout

composable where I would need to measure and layout everything manually... But wondering if there's a more simpler approach that I'm just overlooking. Thanks!

Good morning! You can use the onSizeChanged modifier to detect the current and future sizes 👍🏽

Modifier.onSizeChanged { size ->
        val itemHeight = with(density) {
            val height = size.height
            height.toDp()
        }
    }

You should use a custom layout instead of

Modifier.onSizeChanged()

. See this.

You could also just maybe write a custom

Alignment

, which lets you write positioning logic in terms of sizes but without writing a whole custom layout: https://developer.android.com/reference/kotlin/androidx/compose/ui/Alignment#align(androidx.compose.ui.unit.IntSize,androidx.compose.ui.unit.IntSize,androidx.compose.ui.unit.LayoutDirection)