lazy-staggered-grid icon indicating copy to clipboard operation
lazy-staggered-grid copied to clipboard

A naive Jetpack Compose LazyStaggeredGrid

A naive Jetpack Compose LazyStaggeredGrid

This library provides a basic (but VERY performant) implementation of a lazy staggered grid for Jetpack Compose.

It does this by aligning multiple LazyColumns next to each other and synchronising their scrolling.

It automatically handles the allocation of items to the correct column.

Example

Usage

LazyStaggeredGrid(columnCount = 2) {
    (0..100).forEach { _ ->
        item {
            Box(modifier = Modifier
                .fillMaxWidth()
                .aspectRatio(ratio = random.nextDouble(0.2, 1.8).toFloat())
                .background(Color(random.nextInt(255), random.nextInt(255), random.nextInt(255)))
            )
        }
    }
}

Note that the library is not yet published as an AAR but you can copy paste this file into your project and it should work