Feature request: Allow to customize overscroll effect of LazyColumn [234274772]

Fixed

Bug

Status Update

No update yet.

Description

si...@gmail.com

created issue #1

May 30, 2022 02:06PM

Related to b/204650733

Currently, in 1.2.0-beta03, overScrollController created internally inside LazyList. It makes it impossible to apply the same overscroll effect to elements other than LazyColumn itself. One of the solutions would be to move overScrollController to a parameter of the LazyList, which would allow us to hoist it:

val overScrollController = rememberOverScrollController() // ScrollableDefaults.overScrollController()
Box(Modifier.overScroll(overScrollController)) { // apply overscroll to different element
    CompositionLocalProvider(LocalOverScrollConfiguration provides null) { // disable effect in LazyColumn
        LazyColumn(overScrollController = overScrollController) { // pass overScrollController to LazyColumn, as it reports scroll events
            ...
        }
    }
    // Other components will have overscroll effect applied to them
    OtherComponents()
}

Comments

ma...@google.com <ma...@google.com> Jan 30, 2023 10:56AM

Reassigned to lp...@google.com.

ko...@gmail.com <ko...@gmail.com> #2Jul 9, 2024 02:01PM

Any update on this? It doesn't seem that difficult to hoist the overscroll effect for the Lazy* composables, yet it's currently impossible to apply the overscroll effect to other items that depend on the Lazy* state.

va...@gmail.com <va...@gmail.com> #3Jul 15, 2024 07:18AM

Same issue here, our use-case is platform parity and we wish to have a custom overscroll effect that matches between platforms.

pa...@gmail.com <pa...@gmail.com> #4Jul 19, 2024 06:18PM

every scrollable component (lazy or not) should have full customization including overscroll effect. It doesnt seem like theres any problem that prevents this from happening. Having it for 1.7 final release would be awesome.

sm...@idealista.com <sm...@idealista.com> #5Aug 9, 2024 08:56AM

It would be amazing if this custom overscroll exposes the amount of overscroll consumed to make effect in any other composable, like modify scale of an image or whatever

ap...@google.com <ap...@google.com> #6Oct 10, 2024 02:11PM

Marked as fixed.

Project: platform/frameworks/support
Branch: androidx-main
Author: Louis Pullen-Freilich <lpf@google.com>
Link: https://android-review.googlesource.com/3300456

Adds overloads for scroll and lazy APIs that allow specifying overscroll

Expand for full commit details

Adds overloads for scroll and lazy APIs that allow specifying overscroll

Bug: b/266550551
Fixes: b/234274772
Fixes: b/224572538
Fixes: b/353805117
Test: new tests
Relnote: "Adds overloads to horizontalScroll, verticalScroll, LazyColumn, LazyRow, LazyHorizontalGrid, LazyVerticalGrid, LazyHorizontalStaggeredGrid, LazyVerticalStaggeredGrid, HorizontalPager, and VerticalPager with support for specifying a custom OverscrollEffect. The provided OverscrollEffect will receive events, and be rendered within the bounds of these components. Note that drawing the same OverscrollEffect twice is unsupported - so you cannot draw the same OverscrollEffect provided to one of these components separately with Modifier.overscroll. The use case of drawing the overscroll outside of the bounds of these components will be addressed separately in the future."
Change-Id: I2dc42851c824a63e495312246eb5389c33121af8

Files:

M compose/foundation/foundation/api/current.txt
M compose/foundation/foundation/api/restricted_current.txt
M compose/foundation/foundation/integration-tests/lazy-tests/src/androidTest/kotlin/androidx/compose/foundation/BaseLazyLayoutTestWithOrientation.kt
M compose/foundation/foundation/integration-tests/lazy-tests/src/androidTest/kotlin/androidx/compose/foundation/lazy/grid/BaseLazyGridTestWithOrientation.kt
M compose/foundation/foundation/integration-tests/lazy-tests/src/androidTest/kotlin/androidx/compose/foundation/lazy/grid/LazyGridTest.kt
M compose/foundation/foundation/integration-tests/lazy-tests/src/androidTest/kotlin/androidx/compose/foundation/lazy/list/BaseLazyListTestWithOrientation.kt
M compose/foundation/foundation/integration-tests/lazy-tests/src/androidTest/kotlin/androidx/compose/foundation/lazy/list/LazyListHeadersTest.kt
M compose/foundation/foundation/integration-tests/lazy-tests/src/androidTest/kotlin/androidx/compose/foundation/lazy/list/LazyListTest.kt
M compose/foundation/foundation/integration-tests/lazy-tests/src/androidTest/kotlin/androidx/compose/foundation/lazy/list/LazyListsIndexedTest.kt
M compose/foundation/foundation/integration-tests/lazy-tests/src/androidTest/kotlin/androidx/compose/foundation/lazy/staggeredgrid/BaseLazyStaggeredGridWithOrientation.kt
M compose/foundation/foundation/integration-tests/lazy-tests/src/androidTest/kotlin/androidx/compose/foundation/lazy/staggeredgrid/LazyStaggeredGridTest.kt
M compose/foundation/foundation/src/androidInstrumentedTest/kotlin/androidx/compose/foundation/ScrollTest.kt
M compose/foundation/foundation/src/androidInstrumentedTest/kotlin/androidx/compose/foundation/lazy/list/BaseLazyListTestWithOrientation.kt
M compose/foundation/foundation/src/androidInstrumentedTest/kotlin/androidx/compose/foundation/pager/BasePagerTest.kt
M compose/foundation/foundation/src/androidInstrumentedTest/kotlin/androidx/compose/foundation/pager/PagerNestedScrollContentTest.kt
M compose/foundation/foundation/src/androidInstrumentedTest/kotlin/androidx/compose/foundation/pager/PagerTest.kt
M compose/foundation/foundation/src/commonMain/kotlin/androidx/compose/foundation/Scroll.kt
M compose/foundation/foundation/src/commonMain/kotlin/androidx/compose/foundation/lazy/LazyDsl.kt
M compose/foundation/foundation/src/commonMain/kotlin/androidx/compose/foundation/lazy/LazyList.kt
M compose/foundation/foundation/src/commonMain/kotlin/androidx/compose/foundation/lazy/grid/LazyGrid.kt
M compose/foundation/foundation/src/commonMain/kotlin/androidx/compose/foundation/lazy/grid/LazyGridDsl.kt
M compose/foundation/foundation/src/commonMain/kotlin/androidx/compose/foundation/lazy/staggeredgrid/LazyStaggeredGrid.kt
M compose/foundation/foundation/src/commonMain/kotlin/androidx/compose/foundation/lazy/staggeredgrid/LazyStaggeredGridDsl.kt
M compose/foundation/foundation/src/commonMain/kotlin/androidx/compose/foundation/pager/LazyLayoutPager.kt
M compose/foundation/foundation/src/commonMain/kotlin/androidx/compose/foundation/pager/Pager.kt

Hash: 18a2c333f118b50a0febd5206c2f2f31d81bb9bc
Date: Wed Oct 09 18:09:54 2024

pr...@google.com <pr...@google.com> #7Oct 30, 2024 05:38PM

The following release(s) address this bug.It is possible this bug has only been partially addressed:

androidx.compose.foundation:foundation:1.8.0-alpha05
androidx.compose.foundation:foundation-android:1.8.0-alpha05
androidx.compose.foundation:foundation-jvmstubs:1.8.0-alpha05
androidx.compose.foundation:foundation-linuxx64stubs:1.8.0-alpha05