IssueTracker

I am trying this new spans method, but I am not getting expected behaviors. If the items between the headers matches the correct number of spans it looks as expected but when there is an empty space the header gets put in the same row.

    LazyVerticalGrid(
        cells = GridCells.Fixed(2),
        modifier = modifier,
        contentPadding = PaddingValues(8.dp)
    ) {
        items(
            items = data,
            spans = {
                when (it) {
                    is Header -> GridItemSpan(2)
                    is Value -> GridItemSpan(1)
                }
            },
            itemContent = {
                when (it) {
                    is Header -> TextHeader(text = it.value, modifier = Modifier.fillMaxWidth())
                    is Value -> Box(
                        modifier = Modifier
                            .fillMaxWidth()
                            .height(100.dp)
                            .padding(8.dp)
                            .background(Color.Red)
                    )
                }
            }
        )
    }

I have found a solution for this so long as I know how many columns there are, I mainly use GridCells.Adaptive. If the number of columns can be passed to the content block I am good to go.

Re #comment3, thanks for reporting. Initially this was WAI, but I see how this is inconvenient. Filed b/207462103 to track fixing this.

How does this work if we are using GridCells.Adaptive(300.dp)

The number of columns will be calculated according to the available width and then the behaviour will be the same as with GridCells.Fixed

I've tried specifying GridItemSpan(Int.MAX_VALUE) but it doesn't seem to work.

Hmm, what would be the expected behaviour here? The span will just be limited to the number of columns.

doesn't LazyVerticalGrid have a key It will. Note LazyVerticalGrid is still experimental and not feature complete / API stable.