Реактивный ранец Compose. Как центрировать текст в LazyColumn
Я пытаюсь реализовать простой список. Когда список пуст, мне нужно показать пустой заполнитель в центре экрана. Вот мой код:
LazyColumn(
modifier = Modifier
.fillMaxSize()
.padding(paddingValues),
) {
if (itemList.isEmpty()) {
item {
Box(
modifier = Modifier.fillMaxSize().padding(20.dp),
contentAlignment = Alignment.Center,
) {
Text(
textAlign = TextAlign.Center,
text = stringResource(id = R.string.empty_text),
)
}
}
} else {
items(itemList) { item ->
Item(
modifier = Modifier.fillMaxWidth(),
item = item,
onItemClick = onItemClick,
)
}
}
}
Но проблема в том, что текст расположен не по центру, а сверху, как это исправить? Пожалуйста, помогите мне.