How do I make this uneven grid in Compose?

Question

I've been having fun digging into Jetpack Compose. Here I used Rows, Columns, and Spacers to build this screenshot. Is there a better-suited Composable I should try?

I couldn't get LazyVerticalGrid to place the jellyfish in its position. It wants to put it on the left beneath the black dog, which leaves a blank space and pushes the brown dogs onto their own line.

I also tried Accompanist's FlowRow, which draws the same arrangement as LazyVerticalGrid. It's also likely I'm not familiar enough with the API of either.

Later I want to learn drag & drop to reorder the items. Are there considerations to make as I'm setting up this widget to make life easier? In my head it seems like these individual Rows and Columns could get in my way, maybe it has no bearing though.

Thanks for any insights!

Answer 1

I made a custom Layout instead, which allows for measuring and placing content. ??