React-native-gifted-chat: Bad scrolling with Android Pie 9 and Pixel 2 XL

Created on 22 Aug 2018  路  16Comments  路  Source: FaridSafi/react-native-gifted-chat

Issue Description

When scrolling enters in the "momentum" phase (after releasing finger) the chat view starts to scroll in the opposite direction

Steps to Reproduce / Code Snippets

Just scrolls the chat view using fast finger swipe

Additional Information

  • React Native version: 0.55.0
  • react-native-gifted-chat version: 0.4.3
  • Platform(s): Android 9
wontfix

Most helpful comment

Same issue (Oneplus 6 Android 9.0)

All 16 comments

Yes, I have noticed this too. Interestingly, though, I have noticed precisely the same problem with Airbnb's chat in their app. I suppose it's unlikely they use gifted chat in their app, but there's a good chance that bit is built in react native... So perhaps something to do with a particular implementation of listview?

It's possible to be related to react-native-invertible-scroll-view. As soon as possible I'll create an issue there.

Any update on this?

+1

+1 (pixel 1 android 9)

did anyone find any workaround for this? React native ticket has few workarounds but that requires modifying the react-native code and then building and generating the .aar file. Does anyone have any other suggestion?

@ggsrivas it's an issue in scrollviews in Android 9, they break momentum when you apply negative scaling to them (that exactly what scroll view inversion does in RN).
So the options that I see are:

  • not using inverted scrollviews and inverting the data instead
  • bundling your own scrollview implementation for Android (as a native module, maybe it is possible to inherit the scrollview and override fling method.

Same issue (Oneplus 6 Android 9.0)

please help fix.

This issue has been fixed in React Native v0.57.7, Please check it.

I am having the same issue it is not fixed in rn v0.57.7

any update?

Apparently fixed on new release 0.58 https://github.com/facebook/react-native/commit/b971c5b

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Add inverted={false} in props solve my problem

Was this page helpful?
0 / 5 - 0 ratings

Related issues

yazhengwang picture yazhengwang  路  3Comments

luisfuertes picture luisfuertes  路  3Comments

redwind picture redwind  路  3Comments

Hayko1994 picture Hayko1994  路  3Comments

cerberusv2px picture cerberusv2px  路  3Comments