Remove edge animation in HorizontalPager

Question

I am using HorizontalPager from the Accompanist package and I would like to disable/remove the edge animation. Is it possible?

I am building an infinite scroller with just 5 pages. And it is possible to scroll to the first or to the last page before my app recreates the set of pages. The pager uses an animation to notify that an edge page is reached. I would like to disable that animation.

This will also work for HorizontalPager. https://stackoverflow.com/questions/69468212/remove-lazycolumn-overscroll-effect-in-jetpack-compose — Lucas.K, Jul 14 '22 at 12:57

score 1 · Accepted Answer · answered Jul 14 '22 at 13:04

You can wrap the HorizontalPager like this to remove the animation:

CompositionLocalProvider(
                    LocalOverScrollConfiguration provides null
                ) {
                    HorizontalPager(count = 10) { page ->
                        // Our page content
                        Text(
                            text = "Page: $page",
                            modifier = Modifier.fillMaxWidth()
                        )
                    }
                }

source: Remove LazyColumn overscroll effect in Jetpack Compose

Please note that in 1.2.0-rc01 `LocalOverScrollConfiguration` has being renamed to `LocalOverscrollConfiguration` — chirayu joshi, Mar 08 '23 at 17:52

Remove edge animation in HorizontalPager

1 Answers1