Hey guys, given a ```Column { Text(...) Image(...) }``` which is the best way to let the the Tex...

# compose

[Davide Giuseppe Farella]

Hey guys, given a

Column {
  Text(...)
  Image(...)
}

which is the best way to let the the Text.width to be at most as Image.width?
I don’t want the Text to exceed the Image size

[Zach Klippenstein (he/him) [MOD]]

Probably with intrinsics? There's a section in the docs about this, I can dig it up if you haven't seen it

[Davide Giuseppe Farella]

Can you share me the link pls? I can dig myself 🙂

Thank you 🙂

[mattinger]

You could also use a ConstrantLayout as well, attach the image to the left and right of the parent, and attach the text to the left and right of the image. this should force the text to match the image width. It’ might be overly complex but it should work.

[Zach Klippenstein (he/him) [MOD]]

https://codelabs.developers.google.com/codelabs/jetpack-compose-layouts/index.html?index=..%2F..index#9

[Zach Klippenstein (he/him) [MOD]]

I’m not sure how the text’s intrinsic width would interact with the image’s intrinsic width, but this sounds like something they’d designed for

[Davide Giuseppe Farella]

Thank you, I was hoping in an easier solution 😋
I'll take a look at both of the solutions, thanks

[Zach Klippenstein (he/him) [MOD]]

A third solution is to just make a custom Layout that knows it only has two children, and what those children are, and can explicitly size itself appropriately. Making custom layouts is pretty easy with compose, so that might actually be easier/more readable/maintainable than using intrinsics depending how confusing they are.