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

SectionList SectionHeaders jumpy and glitchy in 0.57+ #21361

Closed
KevinGulj opened this issue Sep 27, 2018 · 5 comments
Closed

SectionList SectionHeaders jumpy and glitchy in 0.57+ #21361

KevinGulj opened this issue Sep 27, 2018 · 5 comments
Labels
Resolution: Locked This issue was locked by the bot.

Comments

@KevinGulj
Copy link

KevinGulj commented Sep 27, 2018

Environment

 React Native Environment Info:
System:
  OS: macOS 10.14
  CPU: x64 Intel(R) Core(TM) i5-8259U CPU @ 2.30GHz
  Memory: 2.33 GB / 16.00 GB
  Shell: 3.2.57 - /bin/bash
Binaries:
  Node: 10.9.0 - /usr/local/bin/node
  Yarn: 1.9.4 - /usr/local/bin/yarn
  npm: 6.2.0 - /usr/local/bin/npm
  Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
  iOS SDK:
    Platforms: iOS 12.0, macOS 10.14, tvOS 12.0, watchOS 5.0
IDEs:
  Android Studio: 3.1 AI-173.4907809
  Xcode: 10.0/10A255 - /usr/bin/xcodebuild
npmPackages:
  react: 16.5.1 => 16.5.1 
  react-native: 0.57.1 => 0.57.1 
npmGlobalPackages:
  react-native-cli: 2.0.1
  react-native-git-upgrade: 0.2.7
  react-native-macos-cli: 2.0.1

Description

SectionList scrolling & rendering in longer list cases is very sluggish and glitchy after 0.57+
In 0.55.4 it was smooth even for a lot longer lists. Now in 0.57 and 0.57.1 when the lists are 100+ in length, the section headers start jumping around/disappearing and the list is rubber-banding itself up and down.

Reproducible Demo

Try to scroll to bottom with the list on the RIGHT side without the headers going crazy (some 500 elements and 5 headers).
LEFT side is 75 elements and is working fine.
https://snack.expo.io/SJ0xLb5Km
EDIT: Seems I can't usually reproduce it with simple list elements.

@react-native-bot
Copy link
Collaborator

Can you run react-native info and edit your issue to include these results under the Environment section?

If you believe this information is irrelevant to the reported issue, you may write [skip envinfo] under Environment to let us know.

@KevinGulj
Copy link
Author

KevinGulj commented Sep 27, 2018

I am also using the scrollTo method, which also breaks after a certain length
this.scrollView.scrollToLocation({ itemIndex, sectionIndex, animated: true, viewPosition: 1, viewOffset: -40 });
Please someone look at this video: https://streamable.com/11zvo
SectionList completely breaks after about 100-ish elements.
After that I cant even properly scroll up or down.

@danilobuerger
Copy link
Contributor

Could be a duplicate of #20956

@Freddy03h
Copy link
Contributor

Experiencing same issue on both iOS and Android

@hramos
Copy link
Contributor

hramos commented Sep 28, 2018

Duplicate of #20956

@hramos hramos marked this as a duplicate of #20956 Sep 28, 2018
@hramos hramos closed this as completed Sep 28, 2018
facebook-github-bot pushed a commit that referenced this issue Feb 4, 2019
Summary:
Fixes #20956, #21361, #21198, #21468
Keeps the intended outcome of #18105
Pull Request resolved: #22025

Differential Revision: D13941915

Pulled By: cpojer

fbshipit-source-id: 59a0a834ea2d0dd4678e80a82ddaf95cecf87d38
erwamartin pushed a commit to erwamartin/react-native that referenced this issue Feb 5, 2019
Summary:
Fixes facebook#20956, facebook#21361, facebook#21198, facebook#21468
Keeps the intended outcome of facebook#18105
Pull Request resolved: facebook#22025

Differential Revision: D13941915

Pulled By: cpojer

fbshipit-source-id: 59a0a834ea2d0dd4678e80a82ddaf95cecf87d38
erwamartin pushed a commit to erwamartin/react-native that referenced this issue Feb 7, 2019
Summary:
Fixes facebook#20956, facebook#21361, facebook#21198, facebook#21468
Keeps the intended outcome of facebook#18105
Pull Request resolved: facebook#22025

Differential Revision: D13941915

Pulled By: cpojer

fbshipit-source-id: 59a0a834ea2d0dd4678e80a82ddaf95cecf87d38
matt-oakes pushed a commit to matt-oakes/react-native that referenced this issue Feb 7, 2019
Summary:
Fixes facebook#20956, facebook#21361, facebook#21198, facebook#21468
Keeps the intended outcome of facebook#18105
Pull Request resolved: facebook#22025

Differential Revision: D13941915

Pulled By: cpojer

fbshipit-source-id: 59a0a834ea2d0dd4678e80a82ddaf95cecf87d38
erwamartin pushed a commit to erwamartin/react-native that referenced this issue Feb 21, 2019
Summary:
Fixes facebook#20956, facebook#21361, facebook#21198, facebook#21468
Keeps the intended outcome of facebook#18105
Pull Request resolved: facebook#22025

Differential Revision: D13941915

Pulled By: cpojer

fbshipit-source-id: 59a0a834ea2d0dd4678e80a82ddaf95cecf87d38
sjchmiela pushed a commit to expo/react-native that referenced this issue Mar 22, 2019
Summary:
Fixes facebook#20956, facebook#21361, facebook#21198, facebook#21468
Keeps the intended outcome of facebook#18105
Pull Request resolved: facebook#22025

Differential Revision: D13941915

Pulled By: cpojer

fbshipit-source-id: 59a0a834ea2d0dd4678e80a82ddaf95cecf87d38
bruchim pushed a commit to wix-playground/react-native that referenced this issue Mar 24, 2019
Summary:
Fixes facebook#20956, facebook#21361, facebook#21198, facebook#21468
Keeps the intended outcome of facebook#18105
Pull Request resolved: facebook#22025

Differential Revision: D13941915

Pulled By: cpojer

fbshipit-source-id: 59a0a834ea2d0dd4678e80a82ddaf95cecf87d38
@facebook facebook locked as resolved and limited conversation to collaborators Sep 28, 2019
@react-native-bot react-native-bot added the Resolution: Locked This issue was locked by the bot. label Sep 28, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Resolution: Locked This issue was locked by the bot.
Projects
None yet
Development

No branches or pull requests

5 participants