You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
Repository navigation
scrollToLocation in componentDidMount prevents SectionList rendering #21846
Scanning folders for symlinks in /Users/hugh/Documents/GitHub/Oxford-Union/App/node_modules (31ms)
Environment:
OS: macOS High Sierra 10.13.6
Node: 8.9.4
Yarn: Not Found
npm: 6.4.1
Watchman: Not Found
Xcode: Xcode 10.0 Build version 10A255
Android Studio: Not Found
Packages: (wanted => installed)
react: 16.5.2 => 16.5.2
react-native: https://github.com/expo/react-native/archive/sdk-30.0.0.tar.gz => 0.55.4
Description
I have a SectionList that contains a chronological list of events on a specific date. I am trying to set the initial scroll position to the current date. This is done by calling this.scrollView.scrollToLocation from a function called in componentDidMount.
In EventsPage.js
scrollToCurrentDate = async () => {
const { firstLoad, events } = this.state;
if (!firstLoad) {
return;
}
this.setState({firstLoad: false});
// Get the section closest to today's date.
var lastSectionIndex = -1;
for (var i = 0; i < events.length; i++) {
const section = events[i];
if (new Date(section.date) > new Date()) {
break;
}
lastSectionIndex = i;
}
if (lastSectionIndex === -1) {
return;
}
const lastSection = events[lastSectionIndex];
const hasCurrent = lastSection !== events[events.length - 1] && lastSection.date < new Date();
if (!hasCurrent) {
return;
}
this.scrollView.scrollToLocation({sectionIndex: lastSectionIndex, itemIndex: 0, animated: false});
}
However, on first load, I get a blank screen - rendering has failed!
Expected:
Actual:
Workaround
Add this.scrollView.flashScrollIndicators(); after loading the screen!
Reproducible Demo
Please comment below and I'll allow access to the private reproducible example on github.
Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as "For Discussion" or "Good first issue" and I will leave it open. Thank you for your contributions.
Activity
stale commentedon Jan 20, 2019
Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as "For Discussion" or "Good first issue" and I will leave it open. Thank you for your contributions.
orta commentedon Mar 19, 2019
I think this might be covered by the docs: https://facebook.github.io/react-native/docs/sectionlist#methods-1
Is it possible those haven't been set?