asciifaceman
commented
6 years ago This works to get the idea across in a very hacky and ugly way, but if it was possible to make it invisible to the user...
It seems the problem is since I'm popping from the array that it "scrolls back" to the new 0.
onMomentumScrollEnd={activePageIndex => this.popOldData(activePageIndex)} popOldData(index) {
if (index === this.state.previousIndex) {
return
}
newdata = this.state.data.slice(this.state.previousIndex);
this.setState({previousIndex: index});
this.setState({data: newdata});
}Edit:
This is possible to achieve in reverse since pop'ing from the end and scrolling backwards (by setting scrollToIndex to data.length -1 on load), but digging through the source of parallax-swiper this might not be possible just due to the nature of rendering via array.map and RN's ScrollView limitations.
componentWillMount() {
this.setState({data: demoData});
this.setState({scrollIndex: demoData.length-1});
this.setState({previousIndex: demoData.length-1});
}
popOldData(index) {
if (index == this.state.previousIndex) {
return
}
newData = this.state.data;
newData.pop();
this.setState({data: newData});
this.setState({scrollIndex: newData.length-1});
this.setState({previousIndex: index});
}
zachgibson
Is there a conceivable way to prevent the user from swiping back to previous pages? I was thinking that popping the data or unloading data might work, but don't want to go down a crazy data manipulation hole unless there is something else.