On iOS, Nested ScrollView is locking FlatList gestures after zoom out action released
See original GitHub issueHello guys,
I’m trying to build a simple carousel gallery with (images or <View />
) zoomable.
I have exactly, the same problem as https://github.com/facebook/react-native/issues/15216 but this one has been closed and locked without any help/answer.
Description
Gestures of parent container (which is FlatList or VirtualizedList) works as long as we don’t zoom in/out his children (which is a ScrollView).
Once we zoom in/out Scrollview, gestures of the parent container is immediately locked.
We have to wait (not touch screen until) 2 secondes before gestures is enabled again.
After that period, gestures of the parent container re-enabled again then swipe left/right works great.
React Native version
react-native info
info Fetching system and libraries information...
System:
OS: macOS 10.15.2
CPU: (8) x64 Intel(R) Core(TM) i5-8259U CPU @ 2.30GHz
Memory: 44.50 MB / 8.00 GB
Shell: 5.7.1 - /bin/zsh
Binaries:
Node: 10.18.1 - /usr/local/opt/node@10/bin/node
Yarn: 1.21.1 - /usr/local/bin/yarn
npm: 6.13.4 - /usr/local/opt/node@10/bin/npm
Watchman: 4.9.0 - /usr/local/bin/watchman
SDKs:
iOS SDK:
Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
IDEs:
Xcode: 11.3.1/11C504 - /usr/bin/xcodebuild
npmPackages:
react: 16.9.0 => 16.9.0
react-native: 0.61.5 => 0.61.5
Steps To Reproduce
1 - Swipe left and right, zoom in/out to feel how the swiper and zoom works.
2 - Zoom out to get an scale < 1 ( Like this http://d.pr/i/2Mr2W ) Once you stop zooming, you’ll see that the image get’s back to original size (scale=1)
3 - Immediately after release zooming action, try to swipe left/right If the bug occurs, you should not be able to swipe right/left
It looks like ScrollView as children block gestures parents until I don’t know…
4 - If you stop swiping and wait a few seconds (1 or 2 seconds) and you try, again you’ll be able to swipe right/left
Expected Results
The user should be able to swipe left/right immediately after zoom out action, even if the zoom animation is not finished.
Issue Analytics
- State:
- Created 4 years ago
- Comments:6
Thanks for submitting your issue. Please run
react-native info
in your terminal and copy the results into your issue description after “React Native version:”. If you have already done this, please disregard this message.👉 Click here if you want to take another look at the Bug Report issue template.
Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.