React native Android ScrollView scrollTo not working

Question

I am trying to use a horizontal ScrollView in React Native for Android, where the starting position is in the middle of the scrolling images rather than (0,

Answer 1

I wanted to avoid using delays and timers so after a bit of digging I found that using onLayout works very smooth:

scrollToInitialPosition = () => {
  this.scrollViewRef.scrollTo({ y: 100 });
}
...
 { this.scrollViewRef = ref; }}
  onLayout={this.scrollToInitialPosition}
/>