facebook / react-native

A framework for building native applications using React
https://reactnative.dev
MIT License
119.28k stars 24.35k forks source link

On iOS, Nested ScrollView is locking FlatList gestures after zoom out action released #28291

Closed Steffi3rd closed 4 years ago

Steffi3rd commented 4 years ago

Hello 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.

react-native-bot commented 4 years ago

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.

Steffi3rd commented 4 years ago
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
stale[bot] commented 4 years ago

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 a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

Steffi3rd commented 4 years ago

👋

stale[bot] commented 4 years ago

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 a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

stale[bot] commented 4 years ago

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.