Пейджер с автоматической прокруткой не работает должным образом в Android Jetpack Compose ⇐ Android

[Anonymous]

Я изучаю компоновку реактивного ранца. Я пытаюсь реализовать средство просмотра в компоновке реактивного ранца, где 5 изображений будут автоматически прокручиваться через 3 секунды, как баннер карусели. Все в порядке до изображения последнего элемента индекса. После автоматической прокрутки до последнего индекса Страница должна прокручиваться до 0 индекса и повторяться. Вот здесь и начинается проблема. Пейджер здесь работает не идеально. Он повторяет 3-4 индекса и иногда застревает между изображением/страницей после первой автоматической прокрутки.
Это img
Мой код

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

@OptIn(ExperimentalPagerApi::class)
@Composable
fun HorizontalPagerScreen() {
Column(
modifier = Modifier
.fillMaxWidth()
.padding(0.dp, 5.dp)
) {
val items = createItems()
val pagerState = rememberPagerState()

HorizontalPager(
modifier = Modifier
.fillMaxWidth()
.height(250.dp),
count = items.size,
state = pagerState,
verticalAlignment = Alignment.Top,

) { currentPage ->
Image(
painter = rememberAsyncImagePainter(items[currentPage].Image),
contentDescription = items[currentPage].title,
contentScale = ContentScale.Crop,
modifier = Modifier.fillMaxWidth(),
)

//Here's the code for auto scrolling

LaunchedEffect(key1= Unit, key2= pagerState.currentPage) {
while (true) {
yield()
delay(3000)
var newPage = pagerState.currentPage + 1
if (newPage > items.lastIndex) newPage = 0
pagerState.animateScrollToPage(newPage)
}
}
}
}
}

**Как сделать автоматическую прокрутку бесконечное количество раз **

Подробнее здесь: https://stackoverflow.com/questions/753 ... ck-compose