← Back to Foundation
LazyVerticalGrid
Component
in
Foundation
. Since 1.2.0Overview
Code Examples
Video
A lazy vertical grid layout. It composes only visible rows of the grid.
Sample:
Overloads
LazyVerticalGrid
@Composable
fun LazyVerticalGrid(
columns: GridCells,
modifier: Modifier = Modifier,
state: LazyGridState = rememberLazyGridState(),
contentPadding: PaddingValues = PaddingValues(0.dp),
reverseLayout: Boolean = false,
verticalArrangement: Arrangement.Vertical =
if (!reverseLayout) Arrangement.Top else Arrangement.Bottom,
horizontalArrangement: Arrangement.Horizontal = Arrangement.Start,
flingBehavior: FlingBehavior = ScrollableDefaults.flingBehavior(),
userScrollEnabled: Boolean = true,
content: LazyGridScope.() -> Unit
)
Parameters
Name | Description |
---|---|
columns | describes the count and the size of the grid's columns, see GridCells doc for more information |
modifier | the modifier to apply to this layout |
state | the state object to be used to control or observe the list's state |
contentPadding | specify a padding around the whole content |
reverseLayout | reverse the direction of scrolling and layout. When true , items will be laid out in the reverse order and LazyGridState.firstVisibleItemIndex == 0 means that grid is scrolled to the bottom. Note that reverseLayout does not change the behavior of verticalArrangement, e.g. with Arrangement.Top (top) 123### (bottom) becomes (top) 321### (bottom). |
verticalArrangement | The vertical arrangement of the layout's children |
horizontalArrangement | The horizontal arrangement of the layout's children |
flingBehavior | logic describing fling behavior |
userScrollEnabled | whether the scrolling via the user gestures or accessibility actions is allowed. You can still scroll programmatically using the state even when it is disabled. |
content | the LazyGridScope which describes the conten |