Как создать сгруппированные элементы LazyColumn для данных API JSON? ⇐ Android

[Гость]

Я хочу, чтобы данные API отображались в группах внутри LazyColumn.
Я достиг своей цели, когда требуемые данные API представляют собой ответ «Список списков объектов», но я понятия не имею, как это сделать. заставить его работать так, как хотелось бы, если данные API представляют собой список списков объектов. Поскольку я не могу создать вложенный LazyColumn, в следующем примере кода данные отображаются, но не прокручиваются.
Ниже я прикрепил несколько примеров кода для объяснения.
Вот в чем проблема.
@Composable
fun CupStandingExpandableGroup(
mainViewModel: MainViewModel = hiltViewModel(),
standingsItemList: List,
standingsItemListOfList: List?,
headerItem: @Composable ()-> Unit,
keys: @Composable ()-> Unit
) {
var expandedState by remember { mutableStateOf(true) }
val rotationState by animateFloatAsState(
targetValue = if (expandedState) 180f else 0f, label = ""
)
Column {
standingsItemListOfList!!.forEach {
mainViewModel.standingsListTournament.value = it!!
val groupedStandingsList = mainViewModel.standingsListTournament.value.groupBy { it!!.group }
LazyColumn {
item { headerItem() }
groupedStandingsList.forEach { (group, items) ->
item {
Card(
modifier = Modifier
.fillMaxWidth()
.animateContentSize(
animationSpec = tween(
durationMillis = 3000,
easing = LinearOutSlowInEasing
)
),
shape = RoundedCornerShape(15.dp),
onClick = {
expandedState = !expandedState
}
) {
Column(
modifier = Modifier
.fillMaxWidth()
.padding(4.dp)
) {
Row(
verticalAlignment = Alignment.CenterVertically
) {
Text(
modifier = Modifier
.weight(6f),
text = group!!,
fontSize = 13.sp,
fontWeight = FontWeight.SemiBold,
maxLines = 1,
overflow = TextOverflow.Ellipsis
)
IconButton(
modifier = Modifier
.weight(1f)
.alpha(ContentAlpha.medium)
.rotate(rotationState),
onClick = {
expandedState = !expandedState
}) {
Icon(
imageVector = Icons.Default.ArrowDropDown,
contentDescription = "Drop-Down Arrow"
)
}
}
}
}
}
if (expandedState) {
itemsIndexed(
items,
itemContent = { index, item ->
StandingRow(standingsItem = item!!)
}
)
}
}
item { keys() }
}
}
}
}

Список списков объектов
[
[
{
},
{
}
],
[
{
},
{
}
],
[
{
},
{
}
]
]

Сгруппированные элементы в Lazycolumn для списка объектов
val list = viewModel.mainList.value.groupBy { it!!.league!!.id }
if (myList.isNotEmpty()) {
LazyColumn(
modifier = Modifier
.padding(3.dp)
.fillMaxSize()
) {
myList.forEach { (league, items) ->
item {
TodayMatchesHeader(leagueItem = items[0]!!, league = league!!)
}
itemsIndexed(items,
itemContent = { index, item ->
TodayMatchesRow(
item,
onClick = {
//
}
)
}
)
}
}
}

Список объектов
[
{
},
{
},
{
}
]


Подробнее здесь: https://stackoverflow.com/questions/781 ... -data-json