Hi. Have any faced this issue? I have a LazyColumn where items are HorizontalPagers. When I swipe on...

# compose

[Fyodor Danilov]

Hi. Have any faced this issue? I have a LazyColumn where items are HorizontalPagers. When I swipe on my item multiple pages are being changed.

Here is my code

val pagerState = rememberPagerState(
    initialPage = Int.MAX_VALUE / 2,
    pageCount = { Int.MAX_VALUE }
)

HorizontalPager(
    state = pagerState,
    beyondBoundsPageCount = 1,
    modifier = modifier
        .height(116.dp)
        .fillMaxWidth()
) { page ->
    if (page % 2 == 0) {
        // Page 2
    } else {
        // Page 1
    }
}

video_2024-06-19_12-47-00.mp4

[Khubaib Khan]

This is happening due to recomposition. Don't use if condition directly, Try to use LauchEffect instead.

[Fyodor Danilov]

But I can't call composables from LaunchedEffect. The problem is not with pages recomposition but with HorizontalPager's frequent changing pages. In one swipe I change around 10 pages, even though HorizontalPager's maximumPages swipe is 1.

[Fyodor Danilov]

I managed to fix this. Instead of Int.MAX_VALUE I used a constant page count less than 1000.

[Lukas Anda]

yes, actually from Compose 1.6 onwards, passing Int.MAX_VALUE or any large number for that matter to pagerState causes anr and crashes