[Android] ScrollView momentum not stopping when calling scrollTo programmatically

Description

When scrolling down a long ScrollView or FlatList on Android and calling scrollTo programmatically while the ScrollView's momentum is still going, the momentum does not stop and the resulting scrolling is stuttering and simply wrong.

React Native version / Platform

0.65.1 / Android

With 0.63.4, this bug was not yet present.

Steps To Reproduce

Render a ScrollView (or FlatList) with long content and a button with onPress={() => scrollViewRef.scrollTo({ y: 0, animated: true })}.
Scroll quickly down with your finger so that a momentum occurs.
Press the button while the momentum is still going.

Expected Results

The momentum should stop and the ScrollView should scroll to its beginning.

Possible reason

It seems that the reason for this bug lies in the following commit: 10314fe

10314fe made scrolling worse on Android :(

Running into the same issue.

React Native 0.70.6. The same issue..

Any update? fk rn

scrollViewRef.scrollTo({ y: xxx, animated: false})

Nor did it move to the specified location, the new target location did not overwrite the old target location

Would love to have an update on this :)

I would also appreciate an update if anyone has found a solution

This is also something we are facing on Android only (RN 0.70.1), and for a little bit more context:

Scroll down fast
onScroll reports normal scrolling values (ex: 1200, 1220, 1240, etc.)
Trigger a scrollTo to y: 0 with an outside action
onScroll correctly reports a scroll of y: 0 once, but then continues with its momentum (ex: 1240, 0, 1260, 1280, etc.)

This is also something we are facing, and for a little bit more context:

Scroll down fast

onScroll reports normal scrolling values (ex: 1200, 1220, 1240, etc.)

Trigger a scrollTo to y: 0 with an outside action

onScroll correctly reports a scroll of y: 0 once, but then continues with its momentum (ex: 1240, 0, 1260, 1280, etc.)

same issue

The issue still persists on 0.71.2, both on Android emulator as well as physical device.

I've made a repro: https://github.com/tomekzaw/Issue32235

Here's a video recording:

recording.mov

I will investigate this issue further.

Edit: As a workaround, you can use scrollTo function from react-native-reanimated: tomekzaw/Issue32235@81f34c4 Note that it only works for animated: true (smooth scroll), for animated: false (immediate scroll) the issue still persists.

workaround.mov

Edit: After many hours of debugging, I came up with the following change that seems to resolve the issue. I will submit a pull request with this change soon.

   public void scrollTo(int x, int y) {
+    mScroller.abortAnimation();
     super.scrollTo(x, y);
     ReactScrollViewHelper.updateFabricScrollState(this);
     setPendingContentOffsets(x, y);
   }

fixed.mov

Fix Android ScrollView not responding to Keyboard events when nested …

Navigation Menu

Repository navigation

[Android] ScrollView momentum not stopping when calling scrollTo programmatically #32235

Description

React Native version / Platform

Steps To Reproduce

Expected Results

Possible reason

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

[Android] ScrollView momentum not stopping when calling scrollTo programmatically #32235

Description

Description

React Native version / Platform

Steps To Reproduce

Expected Results

Possible reason

Activity

reepush commented on Nov 29, 2021

yiuyiu commented on Jan 11, 2022

RosCoder commented on Dec 17, 2022

bolan9999 commented on Dec 30, 2022

moremorefun commented on Jan 11, 2023

anatoleblanc commented on Feb 1, 2023

stitesExpensify commented on Feb 6, 2023

halftheopposite commented on Feb 7, 2023

moremorefun commented on Feb 7, 2023

tomekzaw commented on Feb 7, 2023

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions