question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

After calling scrollToLocation method of SectionList, scroll is jumping

See original GitHub issue

UPDATE Check this out

I want to implement something like scrollspy on the web with section list. I’m using scrollToLocation method. The problem is when scrolling is finished the scroll is jumping. I think it causes by loading previous rows. I don’t know why this issue happens even when providing getItemLayout prop. Here is a basic demo.

demo4

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

3reactions
react-native-botcommented, Jan 14, 2019

Please use Stack Overflow for this type of question.

0reactions
jeffmoncommented, Jan 4, 2019

I have some pretty deeply nested “list” components and I’m having the same issue. I noticed once I switch to a basic View, Image, and Text component with no expensive calculations, that jumping does not occur anymore.

I’m thinking this issue correlates to having a “complex” repeating list component.

Read more comments on GitHub >

github_iconTop Results From Across the Web

After calling scrollToLocation method of SectionList, scroll is ...
I'm using scrollToLocation method. The problem is when scrolling is finished the scroll is jumping. I think it causes by loading previous rows....
Read more >
SectionList misses scrollTo* methods · Issue #13151 - GitHub
So the scrollToLocation only works after componentDidMount has been applied to item you need to scroll to. I subscribe to the event in...
Read more >
ScrollView - React Native
When true, the scroll view bounces when it reaches the end of the content if the content is larger than the scroll view...
Read more >
Help with scrollToLocation in a large SectionList : r/reactnative
When they click on a letter it is meant to scroll and bring them to that section. Much like how the native Iphone...
Read more >
react native scroll to element - itatonline.org
As previously mentioned, this method ensures that the scroll moves up or down to show whichever element it is called upon. There are...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found