Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Scrolling through chat becomes slow when a long text message is send #2149

Open
rahmanharoon opened this issue Jan 13, 2022 · 8 comments
Open

Comments

@rahmanharoon
Copy link

Issue Description

Scrolling through chat becomes slow when a long text message is send

Steps to Reproduce / Code Snippets

Try by sending large amount of text message and scrolling through chat becomes slower

Expected Results

Need smooth scroll when long text message is send

Additional Information

  • Nodejs version: [v16.5.0]
  • React version: [17.0.1]
  • React Native version: [0.64.2]
  • react-native-gifted-chat version: [0.16.3]
  • Platform(s) (iOS, Android, or both?): [both]
  • TypeScript version: [FILL THIS OUT]
@hama0511
Copy link

hama0511 commented Feb 6, 2022

+1 Android 12

@hama0511
Copy link

It works for me.
facebook/react-native#30034 (comment)

@rassemdev
Copy link

@hama0511 use recyclerlistview

@stale
Copy link

stale bot commented Apr 28, 2022

Sorry, but this issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. BTW Thank you for your contributions 😀 !!!

@stale stale bot added the wontfix label Apr 28, 2022
@adamalexander
Copy link

Can you cause this plugin to use react-native-android-recyclerview? Beats flatlist and recyclerlistview on android any day. Chats on androids take a noticeable hit when the text bubbles are long / when there are over like 10 one-lined messages. None of the fixes recommended in the other issues worked (like ScaleY).

@stale stale bot removed the wontfix label May 13, 2022
@shamshiranees
Copy link

Add shouldRasterizeIOS and renderToHardwareTextureAndroid
<View shouldRasterizeIOS renderToHardwareTextureAndroid> <Bubble {...props}/> </View>
https://reactnative.dev/docs/performance#moving-a-view-on-the-screen-scrolling-translating-rotating-drops-ui-thread-fps

@rgommezz
Copy link

It became an issue for Android 12 & 13 versions on RN 0.70, specifically for inverted lists.

This comment contains a fix you can apply to React Native VirtualizedList directly. Just use patch-package to create a patch file with the changes needed.

facebook/react-native#30034 (comment)

@Rk5422686
Copy link

Add shouldRasterizeIOS and renderToHardwareTextureAndroid <View shouldRasterizeIOS renderToHardwareTextureAndroid> <Bubble {...props}/> </View> https://reactnative.dev/docs/performance#moving-a-view-on-the-screen-scrolling-translating-rotating-drops-ui-thread-fps

This really helped me you saved my ass :D

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

7 participants