Does `fillMaxSize` not work if the container is scrollable?

# compose

[Florian]

Does fillMaxSize not work if the container is scrollable?

[Dominaezzz]

Haha, probably. Since one of the dimensions would be infinity,

[Florian]

I was hoping that it can still take the screen size into account

[Dominaezzz]

Ah, you can use Modifier.aspectRatio() maybe.

[Dominaezzz]

Or a top level BoxWithConstraints

[Florian]

Nevermind, I solved my problem

[Florian]

I figured out that I can add additional modifiers

[Florian]

and I only need that modifier in landscape mode

[Florian]

but thank you for your help

[Colton Idle]

What modifier did you use? I also have a similar question where I basically want something to be the entire screen height, but it's the first item in a lazyColumn

[Anthony]

@Colton Idle Use the modifier fillParentMaxSize()
Example:

LazyColumn() {
            item{                                  Box(Modifier.background(Color.Yellow).fillParentMaxSize())
            }
}

[Anthony]

This sets the first item to be the size of the parent, which is the lazy column.

[Colton Idle]

Oh nice!

[Lorenzo Benevento]

Having the same kind of problem here but I cannot use fillParentMaxSize() because I'm using a regular row and not a LazyRow. How would you guys solve this? Trying to just put a divider between two other composable. 😅

For instance:

Row(
    modifier = Modifier.verticalScroll(rememberScrollState())
) {
    Text(text = "One")
    Box(
        modifier = Modifier
            .fillMaxHeight()
            .width(1.dp)
            .background(Color.Red)
    )
    Text(text = "Two")
}

[Anthony]

@Lorenzo Benevento That only works in Lazy item scopes. Have you tried using Divider() as the Composable?

[Anthony]

Also what are you aiming to achieve, to have the divider take up the whole screen between the two texts?

[Lorenzo Benevento]

Divider is just a fancy box basically, also I need a vertical divider, Divider() only works as an horizontal divider. Probably a bit less then the height of the row but yeah. I could use a constant height, but if the other two composable change dimensions for some reasons it won't scale!

[Colton Idle]

@Lorenzo Benevento do you have a drawing of how this should look? I'm... Confused

[Anthony]

I played around with your example, and the divider disappears as soon as the verticalScroll modifier is added. Why not simply wrap your row inside a lazy column if the content is dynamic in size?

[Lorenzo Benevento]

@Colton Idle I will as soon as I can!
@Anthony I could use a LazyRow()/wrapping it in a LazyColumn() even though the content is not really dynamic as far as the number of elements is concerned! How bad would that be in terms of performance in your opinion? I think not much given the nature of Compose but it's just a guess.

[Lorenzo Benevento]

@Colton Idle This is what I'm trying to achieve. In the screen it was achieved using a fixed height for the divider but this means it won't scale at all!