แกลเลอรี LazyVerticalGrid

When a screen full of photos needs neat rows and columns, you reach for LazyVerticalGrid. It scrolls vertically and only composes the cells you can see. 🖼️

Like LazyColumn, a lazy grid skips off-screen items. A thousand-image gallery stays smooth because Compose builds cells on demand, not all at once.

You give LazyVerticalGrid a column count and feed it items. Each item becomes one cell, and Compose flows them left to right, then down.

Use GridCells.Fixed(n) when you want an exact column count, like a tidy 3-across icon grid that never changes.

Add breathing room with Arrangement parameters. They control the gap between rows and the gap between columns separately.

Use contentPadding to inset the whole grid from the screen edges. It keeps the first and last cells from hugging the borders.

The items builder takes your data list and a cell lambda. Each element of the list maps to exactly one composed cell.

Need a header or a one-off cell? Use item (singular) for content that should not repeat over your list.

A cell can stretch across the whole row with a span. This is perfect for a section title sitting above its photos.

Photo galleries look best when cells are square. Apply aspectRatio(1f) to each cell so height tracks its width.

Choose a grid when items are visual and equally weighted, like thumbnails. Choose a list when each row is a distinct, full-width record.

A quick one on column counts.

You met LazyVerticalGrid: lazy cells, a column count, spacing, padding, and spans. It is your go-to for scrollable photo galleries. ✨