Is there any way to create a pinterest (waterfall) style layout in jetpack compose? Ideally there would be a

lazyGridFor

that could have multiple columns that don’t require even-height rows, but i’d settle for fully rendering if it’s currently possible

LazyVerticalGrid

will not support cells with different height. at least yet. doing staggered grids with lazy is currently untrivial. I would suggest to take a look on the implementation from samples for now

Not sure if it works but. What if you use the LazyColumn DSL and just draw 2 Columns with Rows inside. Will LazyColumn detect if the cells are visible or not?

I was able to create my desired layout by hacking

LazyColumn

which has some quirks that I can live with+adjust for:

LazyColumn {
    item { Header("Communities")}

    itemsIndexed(communities.chunked(2)) { index, chunk ->
        Box(Modifier.padding(bottom = 30.dp)) {
            if (index == 0) {
                CreateAndExploreButtons()
            }
            Row(horizontalArrangement = Arrangement.spacedBy(30.dp)) {
                chunk.forEachIndexed { i, community ->
                    CommunityCard(
                        community = community,
                        modifier = Modifier
                            .weight(1f)
                            .height(200.dp)
                            .offset(y = if (i % 2 == 0) 0.dp else (68.dp + 30.dp)), // Shift layout of second column
                        onSelect = onSelect
                    )
                }
                if (chunk.count() == 1) {
                    // Added in case the last row only has one item
                    Spacer(Modifier.weight(1f))
                }
            }
        }
    }
}

Interesting solution. Not expected that this would work.

The biggest drawback is that when scrolling back to the top of the list, the second column cards are late to render, so they pop into view and it is a bit jarring. I think I can fix this by rendering a larger portion of the

LazyColumn

and then offset/push off the top of the screen. It would be even easier if there were the ability to configure extra buffer area so that recycled items are more aggressively rendered

That is not possible yet. But would be helpful also for other use cases. Maybe we could file a feature request for that.