Scrolling fast makes the date jump around

Describe the bug

Attaching a recording:

It appears that when quickly dragging the date around, the behavior is pretty erratic.

It’s worse in practice when moving from date to time:

I think this is a race condition with onDateChange firing while a new scroll is initiated and is still in progress. Thus the date prop gets updated to the date prior to the current scroll.

Expected behavior

Date shouldn’t jump around.

To Reproduce Add example code that reproduces the behavior.

                <DatePicker
                  fadeToColor="none"
                  textColor="#ffffff"
                  date={matchInput.startTime}
                  minuteInterval={15}
                  onDateChange={onDateChange}
                />

Smartphone (please complete the following information):

• OS: both
• React Native version 0.63.1
• react-native-date-picker version 3.0.3

[xanderdeseyn]

@henninghall it seems this is only a fix for Android? We are still running into this issue on iOS.

[henninghall]

Great investigation! 🏆 I’ll look into it