wix / wix/react-native-navigation

Can not push a screen after dismiss an overlay

Open
#7,546 9 comments 4 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

needs triage triage: bug
Dominant language
MDX
Stars
13.2k
Forks
2.6k
Avg merge
6d 2h
Merged PRs (30d)
1

Description

🐛 Bug Report

Can not push a screen after dismiss an overlay

Have you read the Contributing Guidelines on issues?

(Write your answer here.)

To Reproduce

(Write your steps here:)

  1. Show an overlay using below code:
    Navigation.showOverlay({
    component: {
    name: modalName,
    options: {
    overlay: {
    interceptTouchOutside: true,
    handleKeyboardEvents: true,
    },
    layout: {
    componentBackgroundColor: COLORS.transparent,
    },
    },
    passProps,
    },
    });
  2. Dismiss overlay
  3. Push to a screen using Navigation.push(componentId, {.....})
  4. It shows Running "Profile" with {"rootTag":661,"initialProps":{"componentId":"Component14"}} but not push to this screen on the UI as my expectation.

Expected behavior

(Write what you thought would happen.)

Actual Behavior

(Write what happened. Add screenshots, if applicable.)

Your Environment

  • React Native Navigation version: 7.28.0
  • React Native version: 0.68.2
  • Platform(s) (iOS, Android, or both?): both ios and android
  • Device info (Simulator/Device? OS version? Debug/Release?): FILL THIS OUT

Reproducible Demo

(Paste the link to an example repo and exact instructions to reproduce the issue.)
Screen Shot 2022-06-22 at 00 14 38

Are you willing to resolve this issue by submitting a Pull Request?
  • ✅   Yes, I have the time, and I know how to start.
  • ✖️   Yes, I have the time, but I don't know how to start. I would need guidance.
  • ✖️   No, I don’t have the time and I’m okay to wait for the community / maintainers to resolve this issue.

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 reported sequence in React Native Navigation 7.28.0: show the overlay with the supplied options, dismiss it, and push a screen on both iOS and Android. Trace what happens after dismissal when the push logs the Profile component but does not display it; done means the pushed screen appears in the UI after the overlay is dismissed.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native
Domain
mobile
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.