A modern programming language that makes developers happier.

kotlinlang

image.png

and you it would be easier to use a simple Row instead of your ConstraintLayout

`Row(verticalAlignement = Alignement.Center)` would do the same without the constraint (but maybe you have more things to add to your cell)

I am aware of Row, I want to deal with ConstraintLayout. In xml it works.

move .fillMaxWidth before you apply the .constraintAs

hmm actually you should remove fillMaxWidth don't you think ?

you are putting a constraint on the start/end then filling the space

fillMaxWidth != 0dp ? I've tried removing fillMaxWidth. This does not work.

Try to constrain the top text to <http://parent.top|parent.top> and to parent.bottom

no, I think the issue comes from the ConstraintLayout :smile:

here, this will work:
```@Composable
fun Card() {
    Surface(elevation = 2.dp) {
        ConstraintLayout(
            modifier = Modifier
                .fillMaxWidth()
                .padding(8.dp)
        ) {
            val (box, name) = createRefs()
            Box(
                Modifier
                    .size(56.dp)
                    .background(Color.Red)
                    .constrainAs(box) {
                        linkTo(top = <http://parent.top|parent.top>, bottom = parent.bottom, start = parent.start, end = parent.end, horizontalBias = 0f)
                    }) {

            }
            Text(text = "very very long text very very long text very very long text very very long text very very long text very very long text",
                maxLines = 1,
                overflow = TextOverflow.Ellipsis,
                softWrap = false,
                modifier = Modifier
                    .constrainAs(name) {
                        linkTo(start = box.end, end = parent.end, top = <http://box.top|box.top>, bottom = box.bottom)
                        width = Dimension.fillToConstraints
                    }
            )
        }
    }
}```


you need this part : `width = Dimension.fillToConstraints`
The issue in your code was that you don't specify that your Text should have its width constrained

in xml that is something that we have to specify usually, maybe it's a default value here but it shouldn't

It works, but I think it's not good :slightly_smiling_face: Hopefully ConstraintLayout gets fixed

```fillMaxWidth(.2f) &amp; .fillMaxWidth(.9f)```
 not good

<https://kotlinlang.slack.com/archives/CJLTWPH7S/p1621533203438500?thread_ts=1621528859.422100&amp;cid=CJLTWPH7S>

specially this actually : <https://kotlinlang.slack.com/archives/CJLTWPH7S/p1621533255438700?thread_ts=1621528859.422100&amp;cid=CJLTWPH7S>

The end.  ConstraintLayout is working! :partying_face: