Seems

Row

with

weight

inside

LazyRow

works unexpected. The

Text

lacks available horizontal space.

@Preview
@Composable
private fun Test() {
  LazyRow(modifier = Modifier.fillMaxWidth()) {
    item {
      Column {
        Row(modifier = Modifier.fillMaxWidth()) {
          Text(
            text = "Text",
            modifier = Modifier.weight(1f),
          )
          // some content...
        }
        // some content...
      }
    }
  }
}

How would you expect it to work? And what if you had multiple items?

I expect this result

and if there were multiple items in your row?

image.png

if you apply a weight to something in a column or a row, it'll attempt to occupy all the available space it can (sharing if other items have weight associated with them). However, in a LazyRow, or LazyColumn, there is no defined width (or height respectively) meaning such a calculation would be impossible.

It is work right now. But in my expectations if i constrain by

fillMaxWidth

LazyRow and all child, i do the same. Thanks!

Nice! You could use

BoxWithConstraints

and use the scope inside the content lambda to obtain the

maxWidth

property which will reflect the size of the

BoxWithConstraints

composable (which could be different from the screen width). I'm not sure what your UI is going to eventually look like but you may not need a LazyRow (or the screen width stuff) if you're just creating the layout as it is above. Either way, keep going and good luck!

Does fillMaxParentWidth work for you?

Does fillMaxParentWidth work for you?

Yes, this is exact what i need!

That will be MUCH better than BoxWithConstraints

That will be MUCH better than BoxWithConstraints

Oooo, noted, thanks Zach!

Was coming here to suggest the same thing @Zach Klippenstein (he/him) [MOD] 🤙