Просмотр игр API, сгруппированных по идентификатору лиги, получила только первую лигу с itemIndexed ⇐ Android

[Гость]

Я пытаюсь получить матчи по дате из футбольного API и показать их сгруппированными по лигам.
Итак, я создал изменяемый список в ViewModel, чтобы хранить каждый элемент матча с идентификатором прибора в качестве уникального идентификатора. . Проблема в том, что элементы добавляются в список при каждом вызове из API, не перезаписывая старые, поэтому список продолжает расти при каждом вызове, и с бесконечным повторением показывается только одна лига (которая содержит две игры в этот день). При изменении даты новые данные добавляются в список вместе со старыми. Я хочу получить доступ к результатам, показанным на следующем изображении.
Если кто-то может помочь, спасибо.
@Composable
fun TodayMatchesLazy(
matchesList: List
) {
val viewModel: MainViewModel = hiltViewModel()
matchesList.forEach {
viewModel.mainList
.add(MatchesByLeague(
leagueId = it!!.league!!.id!!,
leagueName = it.league!!.name!!,
leagueLogo = it.league.logo!!,
matchId = it.fixture!!.id!!,
teamHomeName = it.teams!!.home!!.name!!,
teamHomeLogo = it.teams.home!!.logo!!,
teamAwayName = it.teams.away!!.name!!,
teamAwayLogo = it.teams.away.logo!!,
teamHomeR = it.goals!!.home.toString(),
teamAwayR = it.goals.away.toString(),
time = it.fixture.date!!)
)
}
val groupedList = viewModel.mainList.groupBy { it.leagueId }
if (groupedList .isNotEmpty()) {
LazyColumn(
modifier = Modifier
.padding(20.dp)
.fillMaxSize()
) {
groupedList .forEach { (league, items) ->
item {
Row {
TodayMatchesHeader(leagueItem = matchesList, league = league)
}
}
itemsIndexed(items,
itemContent = { index, item ->
TodayMatchesRow(
teamHomeName = item.teamHomeName,
teamHomeLogo = item.teamHomeLogo,
teamHomeR = item.teamHomeR,
teamAwayName = item.teamAwayName,
teamAwayLogo = item.teamAwayLogo,
teamAwayR = item.teamAwayR,
time = item.time
)
}
)
}
}
}
}

//ViewModel
@HiltViewModel
class MainViewModel @Inject constructor(private val liveMatchesRepository: MainRepository): ViewModel() {
private var _mainList = mutableStateListOf()
val mainList: MutableList = _mainList
}
data class MatchesByLeague(
val leagueId: Int, val leagueName: String, val leagueLogo: String,
val matchId: Int, val teamHomeName: String, val teamHomeLogo: String,
val teamAwayName: String, val teamAwayLogo: String,
val teamHomeR: String, val teamAwayR: String, val time: String
)

ОБНОВЛЕНИЕ:
Основываясь на ответе BenjyTec, я внес некоторые обновления в код. Теперь все работает отлично.
@Composable
fun TodayMatchesLazy(
matchesList: List
) {
val viewModel: MainViewModel = hiltViewModel()
viewModel.mainList.value = matchesList
val groupedList = viewModel.mainList.value.groupBy { it!!.league!!.id }
if (groupedList.isNotEmpty()) {
LazyColumn(
modifier = Modifier
.padding(20.dp)
.fillMaxSize()
) {
groupedList.forEach { (league, items) ->
item {
TodayMatchesHeader(leagueItem = items[0]!!, league = league!!)
}
itemsIndexed(items,
itemContent = { index, item ->
TodayMatchesRow(
teamHomeName = item!!.teams!!.home!!.name!!,
teamHomeLogo = item.teams!!.home!!.logo!!,
teamHomeR = item!!.goals!!.home!!.toString(),
teamAwayName = item.teams.away!!.name!!,
teamAwayLogo = item.teams.away.logo!!,
teamAwayR = item.goals!!.away!!.toString(),
time = item.fixture!!.date!!
)
}
)
}
}
}
}

И модель представления на основе ответа BenjyTec.
@HiltViewModel
class MainViewModel @Inject constructor(private val liveMatchesRepository: MainRepository): ViewModel() {
private var _mainList = mutableStateOf(listOf())
var mainList: MutableState = _mainList
}


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