How to set height to `fillMaxHeight` inside component where height is `wrapContentHeight`?

# compose

[Victor Yakovlev]

How to set height to fillMaxHeight inside component where height is wrapContentHeight?

[Victor Yakovlev]

I try set preferredHeight(IntrinsicSize.Min) for parent, but if use CoilImage inside parent we have exception: Intrinsic measurements are not currently supported by SubcomposeLayout

[Adam Powell]

Those two should be fine to use together

[Victor Yakovlev]

Not work, also have exception Intrinsic measurements are not currently supported by SubcomposeLayout

[Adam Powell]

fillMaxHeight should work fine inside wrapContentHeight

[Victor Yakovlev]

Ok, I prepared sample

[Victor Yakovlev]

LazyColumnFor(items = listOf(1, 2, 3)) { item ->
Column(modifier = Modifier.fillMaxWidth()) {
Row(
modifier = Modifier
.fillMaxWidth()
.wrapContentHeight()
.preferredHeight(IntrinsicSize.Min)
.padding(16.dp),
verticalGravity = Alignment.CenterVertically
) {
Box(
modifier = Modifier
.width(5.dp)
.fillMaxHeight(),
backgroundColor = Color.Cyan
)
Column(
modifier = Modifier.padding(start = 8.dp)
) {
ProvideEmphasis(emphasis = EmphasisAmbient.current.high) {
Text(
text = "App Name $item",
style = MaterialTheme.typography.subtitle1,
)
}

ProvideEmphasis(emphasis = EmphasisAmbient.current.medium) {
Text(
text = "App description",
style = MaterialTheme.typography.body2
)
}
}
}
Divider(
modifier = Modifier.padding(horizontal = 8.dp),
color = Color.DarkGray
)
}
}

[Victor Yakovlev]

It's basic sample

[Victor Yakovlev]

[Victor Yakovlev]

If I add preferredHeight(IntrinsicSize.Min) to Row

[Victor Yakovlev]

If removed preferredHeight(IntrinsicSize.Min) and add CoilImage as last child of Row

CoilImage(
    data = "<https://picsum.photos/seed/123/300/300>",
    contentScale = ContentScale.Crop,
    modifier = Modifier
        .width(50.dp)
        .height(50.dp)
)

[Victor Yakovlev]

If add preferredHeight(IntrinsicSize.Min) to Row and add CoilImage as last child I have java.lang.IllegalStateException: Intrinsic measurements are not currently supported by SubcomposeLayout

[Victor Yakovlev]

@Adam Powell

[Adam Powell]

I see, so it is less about a wrap-content container and more about a container that has an unlimited max height

[Adam Powell]

the most straightforward way to approach this is likely to be to add a modifier that draws the cyan indicator to the side of the Column that contains the text, or alternatively to the Row that holds everything

[Adam Powell]

you want the size of the cyan bar to be the measured height of the content

[Adam Powell]

take a look at the various border-related modifiers to see how they are implemented, a similar approach will likely be successful