HorizontalPager from 0.19 no more support dragEnabled

[Patresko]

Is this what was planned? Because I have not found any mention about removing dragEnabled.

For example, if im using HorizontalPager for images, which are able to zoom, i was disable dragging to previous / next page.

[mamilov]

+1 here, also a little bit confused about this change. How can we now achieve this? modifier.scrollable(enabled=false) does not work for me...

[MojRoid]

+1

[LittleBoxOfChicken]

+1 I'm really confused as to why they broke everything like this

[offvanHooijdonk]

+1 Would be nice to have. I find workaround in my UI, but still a useful property.

[gvozditskiy]

Always use Pager with disabled drag for screens like Onboarding. This update breaks expected behavior

[ArthurKun21]

hello, is there any way to implement back the dragEnabled?

[kikasik]

+1

[GreatWolfXX]

+1

[ChargemapMobile]

Same here, we found this attribute very useful !
We will try to implement an interceptor on top the Pager I guess :(

[ArthurKun21]

so i did found out how to temporarily make this comment work #678 (comment)

@ExperimentalPagerApi
fun PagerState.disableScrolling(scope: CoroutineScope) {
    scope.launch {
        scroll(scrollPriority = MutatePriority.PreventUserInput) {
            // Await indefinitely, blocking scrolls
            awaitCancellation()
        }
    }
}

@ExperimentalPagerApi
fun PagerState.enableScrolling(scope: CoroutineScope) {
    scope.launch {
        scroll(scrollPriority = MutatePriority.PreventUserInput) {
            // Do nothing, just cancel the previous indefinite "scroll"

        }
    }
}

and then according to the use case of it

val scope = rememberCoroutineScope()
val pagerState = rememberPagerState()
pagerState.disableScrolling(scope)

and this is how I did use it

HorizontalPager(
content = { page ->
   when(page){
    0 -> item( onclick = {
                scope.launch(
                           pagerState.enableScrolling(this)
                           delay(100)
                           pagerState.scrollToPage(1)
                           pagerState.disableScrolling(this)
               )

[ChargemapMobile]

@RulerKun thank you for your comment but it sounds inconvenient for me right now but I found a working solution.

I am using a container for my pages to intercept the drag events and it seems to work :

HorizontalPager(
...
) { index ->
Box(modifier = Modifier.pointerInput(Unit) {
detectDragGestures { _, _ -> }
}) {
// My real page content
}
}

[ArthurKun21]

oh nice, thanks for another solution

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[jakoss]

It's not stale Google bot, it's just ignored by maintainers 😂

[chippmann]

Another use case which is common and could be considered is scrolling only upon a specific page.
This is often used in onboarding flows as well.
So let's say the pager has 5 pages. On each page the user has to enter some information or grant some permissions.
We only want the user to be able to freely scroll between the pages he has filled out + 1 (for the one he currently has to fill out.

[andkulikov]

Another use case which is common and could be considered is scrolling only upon a specific page. This is often used in onboarding flows as well. So let's say the pager has 5 pages. On each page the user has to enter some information or grant some permissions. We only want the user to be able to freely scroll between the pages he has filled out + 1 (for the one he currently has to fill out.

I don't think this will even be supported in the way you described. You probably just need to only pass pageCount of the filled out pages and add more pages once the user filled the current one

[andkulikov]

There is a simple workaround available

private val VerticalScrollConsumer = object : NestedScrollConnection {
    override fun onPreScroll(available: Offset, source: NestedScrollSource) = available.copy(x = 0f)
}

private val HorizontalScrollConsumer = object : NestedScrollConnection {
    override fun onPreScroll(available: Offset, source: NestedScrollSource) = available.copy(y = 0f)
}

fun Modifier.disableVerticalPointerInputScroll() = this.nestedScroll(VerticalScrollConsumer)

fun Modifier.disableHorizontalPointerInputScroll() = this.nestedScroll(HorizontalScrollConsumer)

Apply an appropriate modifier on Pager in order to disable the touch based scrolling. I will close this bug for now, please follow https://issuetracker.google.com/issues/201150093 where we will track the final decision on if we want to add scrollEnabled param on components or provide such modifier in the api

[Homa-Shafiei]

I found a working solution. I am using userScrollEnabled and set it false like this:

HorizontalPager(userScrollEnabled = false){}