Jetpack Compose: как обернуть элементы списка внутри карты ⇐ Android

[Anonymous]

У меня есть экран, на котором мне нужно отобразить заголовок и список элементов в виде карточки. Весь экран должен быть доступен для прокрутки (как показано на изображении ниже).


Я знаю, как это сделать с помощью прокручиваемого столбца, но я хочу иметь возможность использовать LazyColumn (поскольку каждый элемент списка будет иметь свой собственный ViewModel из-за сложности представления, и я подумал, что LazyColumn будет более ресурсоэффективным). Для заголовка я могу использовать item, а для списка — items. Ниже приведен код, который я пробовал:

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

@Composable
fun Screen(
items: List
) {
Column(
Modifier.fillMaxSize()
) {
TopAppBar(title = { Text(text = "My Activity") })

LazyColumn {

// Header
item {
Text("Title", Modifier.padding(32.dp))
}

// I cannot use Box in this way here
Box(Modifier.padding(32.dp)) {
Card {
items(items.size) {
Text("Item $it")
}
}
}
}
}
}

Проблема этого кода в том, что я не могу обернуть элементы списка в представление карточки, поскольку Card не является LazyListScope. Как с помощью LazyColumn обернуть элементы списка в карточку?

Подробнее здесь: https://stackoverflow.com/questions/697 ... ide-a-card