Как начать заполнять предметы для центра в LazyverticalGrid? ⇐ Android

[Anonymous]

Я пытаюсь реализовать ленивую сетку в JetPack Compose, чтобы элементы были горизонтально и вертикально выровнены, ниже приведен мой код < /p>

Код: Выделить всё

@Preview(showBackground = true, widthDp = 320, heightDp = 320)
@Composable
private fun ModuleGrid() {
val modules = ModuleRegistry.getModulesList().toMutableList()
Box(
contentAlignment = Alignment.Center) {
LazyVerticalGrid(
modifier = Modifier.fillMaxHeight().widthIn(120.dp),
columns = GridCells.Adaptive(minSize = 96.dp),
horizontalArrangement = Arrangement.Center,
verticalArrangement = Arrangement.Center
) {

items(modules,
key = { it.namedTag }
) {
Card(
colors = CardDefaults.cardColors(
containerColor = Color.Transparent
),
modifier = Modifier
.size(120.dp)
.background(Color.Transparent)
.clickable {
launchModule(it)
}
) {
Column(
modifier = Modifier.fillMaxSize(),
verticalArrangement = Arrangement.Center,
horizontalAlignment = Alignment.CenterHorizontally
) {
it.displayIcon?.let { icon ->
Image(
painter = painterResource(id = icon),
contentDescription = it.displayName,
contentScale = ContentScale.Fit,
modifier = Modifier
.size(96.dp)
.padding(4.dp)
.align(Alignment.CenterHorizontally)
)
}
Text(text = it.displayName, modifier = Modifier
.align(Alignment.CenterHorizontally))
}
}
}
}
}
}

Результатом вывода является скриншот
Этот элемент должен отображаться в центре экрана. src = "https://i.sstatic.net/dc3ed.png"/>
Я попытался использовать горизонтальную сетку, но в итоге получил аналогичный результат.

Подробнее здесь: https://stackoverflow.com/questions/756 ... rticalgrid