react-navigation / react-navigation/react-navigation

Screen not available for interaction for a while when navigate back

Open
#9,124 6 comments 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug package:stack
Dominant language
TypeScript
Stars
24.5k
Forks
5.1k
Avg merge
1d 5h
Merged PRs (30d)
18

Description

Current Behavior
When i go back any screen with physical back button or navigation back button. Previous screen can not interacting for a while (about 500ms)
I dont use expo but when i check demo react-navigation on expo. I have noticed example app have problem like me. (Expo React Navigation SDK 39)

Expected Behavior

When i navigate back. I should be able to interact immediately this screen.

How to reproduce

You can reproduce on React navigation example (SDK 39) on Expo. if you quick press after go back from any page. You cannot interact with page.

https://streamable.com/a5gxi8

I have added video below. You can remark. When i go back. If i press so quick i must tap twice screen to push new Page.

Your Environment

software version
iOS or Android Android 10
@react-navigation/native ^5.8.10
@react-navigation/stack ^5.12.8
react-native-gesture-handler ^1.9.0
react-native-safe-area-context 3.1.8
react-native-screens ^2.15.0
react-native 0.63.3
expo No
node v14.15.1
npm or yarn 1.17.3

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the delayed interaction in the React Navigation example app on Android with the listed React Native and navigation package versions. Trace the back-navigation interaction handling and verify that the previous screen accepts input immediately after navigation completes.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native
Domain
mobile
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.