react-native-navigation icon indicating copy to clipboard operation
react-native-navigation copied to clipboard

Can not push a screen after dismiss an overlay

Open suupham2506 opened this issue 2 years ago • 9 comments

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

suupham2506 avatar Jun 21 '22 17:06 suupham2506

Hey @suupham2506, can you reproduce this issue in with the playground app https://wix.github.io/react-native-navigation/docs/playground-app/?

Andarius avatar Jun 22 '22 07:06 Andarius

I use react native modalize. You can see example here. https://github.com/jeremybarbet/react-native-modalize/tree/master/examples/react-native-navigation

Not sure the bug from react native modalize or react native navigation, but hopefully you can help me investigate and solve this issue.

suupham2506 avatar Jun 22 '22 10:06 suupham2506

hey @Andarius, do you think this issue should be solved by react-native navigation?

suupham2506 avatar Jul 03 '22 13:07 suupham2506

I have a similar issue, when you display an overlay, the componentId change but when you dismiss it, you don't have a new componentId.

 Navigation.events().registerComponentDidAppearListener((event) => {
    console.log('currentComponentId', event.componentId);
    }

ludwig-pro avatar Sep 16 '22 16:09 ludwig-pro

This is definitely a react-native navigation issue, I don't use modalize and still have this issue. @Andarius is it ever going to be fixed ?

sam-houle1 avatar Nov 15 '22 18:11 sam-houle1

I have the samedescribed issue with react-native-navigation 7.29.0 and react-native 0.70.8

eros-piccioni avatar Jun 08 '23 09:06 eros-piccioni

i have had also this issue with react-native-navigation 7.7.0. Is this bug going to be fixed ?

thiennd99 avatar Jan 12 '24 04:01 thiennd99

I am also experiencing this issue, react-native-navigation 7.32.2, react native 0.71

kevin-madden-gf avatar Mar 11 '24 20:03 kevin-madden-gf