I'm having some issues understanding how the layou...

# compose

[Sean Proctor]

I'm having some issues understanding how the layout work exactly. I have a LazyColumn that fills a part of the screen. If I wrap that in a SelectionContainer, it no longer fills the screen until there's enough content, and then it pushes the TextField off the screen. The following works as expected:

Column(modifier = Modifier.fillMaxSize()) {
    LazyColumn(
        modifier = Modifier
            .fillMaxWidth()
            .weight(1f)
    ) {
        items(lines) { line ->
            Text(line)
        }
    }
    TextField(...)
}

If I put a SelectionContainer around the LazyColumn with the same modifier, it doesn't work as I expected. Anyone know why?

[Albert Chang]

Modifier.weight() only works on the direct children of a Row or Column. SelectionContainer is also a layout so setting weight on its children won't work.

[Albert Chang]

In your case you need to use weight modifier on `SelectionContainer`:

SelectionContainer(modifier = Modifier.weight(1f)) {
    LazyColumn(modifier = Modifier.fillMaxSize())
}

[Sean Proctor]

Ok, that makes sense. The problem is in that case, the TextField is pushed off the bottom of the screen and the SelectionContainer fills the entire window.

[Sean Proctor]

It seems that setting the weight on SelectionContainer does not do anything. It does not fill the remaining space.

[Sean Proctor]

There's probably a better way, but my solution was:

BoxWithConstraints(modifier = Modifier.fillMaxWidth().weight(1f)) {
    val height = maxHeight
    SelectionContainer {
        LazyColumn(modifier = Modifier.fillMaxWidth().height(height)) { }
    }
}

[Albert Chang]

It’s definitely an overkill to use BoxWithConstraints for something like this. I tried the code I posted above and it does work.