PanResponder with Scrollview doesn't generate onRelease event in Android

[kishorekondepudi]

I am trying to implement an apple maps style draggable drawer for my application. UI has two views one on background and the foreground view is in the drawer at the bottom of the screen by default. We should be able to drag it a bit to top and release it to have it slide over to the top automatically.

Once the view is at the top we should be able to scroll with in the drag view and then when the scroll reaches the top position and scrolling beyond top is continued the view should come down and collapse to the bottom much like Apple Maps.

In case of iOS it works absolutely fine, I have one responder on the container and another responder on the scroll view. Once the container is at top the outer responder doest respond.Once the content is scrolled to top the inner responder will trigger the slide down animation after a threshold movement of say 10 in dy. This is handled from pan responders onPanResponderRelease event while the movement dy is handled in onPanResponderMove

How ever in case of Android this responder doesn't work. It never generates onPanResponderRelease and hence I had to hack it and put the animation into the move event itself.

React Native version:

Steps To Reproduce

https://snack.expo.io/@kishore.kondepudi/nested-responder

1. Goto the snack above, The yellow area is the drawer which has the parent pan responder. Drag it a few points above and release to see it sliding over to top. Once the top is reached the parent responder will not capture events and control is given to scroll view. The scrollview is also registered with a pan responder which responds only when the scroll position is reached to the top.
2. In iOS once you reach the scroll top the pan responder will activate and if you continue scrolling few more points and release the draw comes down.

How ever this panResponderRelease never fires in android. Instead in order to workaround the animation had to be put into the move event itself.

Describe what you expected to happen:

The inner responder should fire onResponderRelease event after the top is reached. So that the required action can be done.

Snack, code example, or link to a repository:

https://snack.expo.io/@kishore.kondepudi/nested-responder

[dungnguyen10989]

The same issue with me, did you find any solution to resolve it ?

[mrkacan]

same issue.

[lake2]

same issue + 1

[stale]

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]

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.