Navigation events are delayed until scrolling completes

[cjroth]

Issue Description

Navigation events are delayed until scrolling completes

Steps to Reproduce / Code Snippets / Screenshots

Setup:

1. Create a stack layout with a top bar and add a menu button to the top bar
2. In the stack layout screen, add a ScrollView with a large height (eg 10000)
3. Add an event listener for navigation button events that opens an overlay when the button is pressed

Issue:

1. Scroll the Scroll View and let momentum scrolling take over
2. Press the menu button in the top bar while it's still scrolling

Problem:
The navigation overlay waits until scrolling stops to open, which results in a delay of up to a few seconds. This is not intuitive and differs from the behavior of bottom tabs (which navigate instantly regardless of scroll). After looking through React Native docs I wasn't able to find any programatic way to stop momentum scrolling when user taps outside of area.

If you add a button to open an overlay INSIDE of the stack screen instead of the top bar, it will open the overlay immediately.

---

Environment

• React Native Navigation version: 0.57
• React Native version: 2.8.0
• Platform(s) (iOS, Android, or both?): iOS
• Device info (Simulator/Device? OS version? Debug/Release?): iPhone X, iPhone 8

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.

[stale]

The issue has been closed for inactivity.

[flikQ]

Has this every been resolved?

[yomybaby]

Any solution for this?

[rendomnet]

any news on this?

[yomybaby]

@rendomnet If you want to use custom version which fixed this issue, check my repo.
Caution, this version doesn't support Icon insets of topbar buttons.

yarn add yomybaby/react-native-navigation#yo3build