LazyVerticalGrid는 여러 열에 걸쳐 세로로 스크롤 가능한 컨테이너에 해당 항목을 표시합니다.

그리드를 사용하는 것은 정말 간단합니다. 수직 그리드 열에 대한 설명이 추가된 게으른 열의 사용법과 거의 동일합니다.

Jetpack Compose를 사용하면 몇 줄의 코드로 이를 수행할 수 있습니다. 어떻게 하는지 봅시다:

@Composable
fun GridItem(title: String, modifier: Modifier = Modifier) {
    Text(
        text = title,
        textAlign = TextAlign.Center,
        modifier = modifier
            .fillMaxWidth()
            .background(whiteColor)
            .wrapContentWidth(),
        color = MaterialTheme.colorScheme.primary
    )
}
LazyVerticalGrid(columns = GridCells.Fixed(2)) {
    items(list) { item ->
        GridItem(item)
    }
}

      
                

                    
                    
                
            

LazyVerticalGrid(
    columns = GridCells.Fixed(2),
    verticalArrangement = Arrangement.spacedBy(16.dp),
    horizontalArrangement = Arrangement.spacedBy(16.dp)
) {
    items(list) { item ->
        GridItem(item)
    }
}

      
                

                    
                    
                
            

맞춤 범위를 정의할 수 있습니다.

LazyVerticalGrid(
    columns = GridCells.Fixed(3),
    verticalArrangement = Arrangement.spacedBy(16.dp),
    horizontalArrangement = Arrangement.spacedBy(16.dp)
) {
    items(list.size, span = {GridItemSpan(if(it == 0) 3 else 1)}) { idx ->
        GridItem(list[idx])
    }
}

연락을 유지하다

• 링크드인