iOS modal screens disappear behind the previous screen

[enlightenedpie]

Description

I've attached a screen cap of what's happening, I'll try to explain it. No matter what modal "type" I try to use, whether formSheet, modal, contained, etc. etc., when dismissing the modal programmatically, the modal screen disappears behind the screen that's being navigated to or popped to in some cases. This even happens with a modal stacked on top of another modal. This does NOT happen with manual swipe gestures.

And to be clear, this is happening in using React Navigation. What I can't tell is if the unexpected behavior is from react-native-screens or @react-navigation/native-stack

Screenshots

RPReplay_Final1646077188.MP4

Steps To Reproduce

1. I tried to repro this in a snack with the exact dependencies but could not. I'm happy to provide more evidence if necessary.
2. There are no errors or warnings thrown when this behavior happens, so I can't provide a stack trace.

Expected behavior

When modal is dismissed, we should see the exit animation that reveals the screen underneath.

Actual behavior

The modal is dismissed but the screen "underneath" the modal seems to overtake the modal presentation in the view hierarchy, and the exit animation for the modal happens behind the previous or "underneath" screen.

Reproduction

I tried to repro this in a snack with the exact dependencies but could not. Included the Snack anyway just to be safe.
https://snack.expo.dev/tmN7fzMKF

Platform

• iOS
• Android
• Web
• Windows
• tvOS

Workflow

• Managed workflow
• Bare workflow

Package versions

package	version
react-native	0.65.0
@react-navigation/native	6.0.8
@react-navigation/native-stack	6.5.0
react-native-screens	3.13.1
react-native-safe-area-context	3.4.1
react-native-gesture-handler	2.3.0
react-native-reanimated	2.3.0-beta.3

[WoLewicki]

I haven't been able to reproduce this behavior in the snack you provided so I am not sure if we can do anything about it unfortunately. Also I've never seen such issue, maybe there is something really weird in how you handle navigation actions and you need to extend your reproduction.

[shamilovtim]

Make sure you are not navigating from modal to modal since this does not seem to work correctly

[hirbod]

Are you really sure you're not conditionally un-mounting the modal from the navigator? This is what it kinda looks like.

[enlightenedpie]

I'm going to close this issue. I still don't know what was causing that undesired behavior, but it seems to have resolved itself after upgrading @react-navigation/native to 6.0.10 and @react-navigation/native-stack to 6.6.0.

[fahadfj]

Still having this issue with the latest libraries, all back animations disappearing instantly, have tried multiple versions.

I'm really struggling to make a repro, the behaviour came on when I updated everything (and to react native 0.69), but I've since downgraded everything back and it's still there

• Should add, if I enable headersShown: true, then I use the native back buttons on iOS I get all the correct expected animations.

[WoLewicki]

@fahadfj I cannot say much without a minimal reproduction unfortunately.