[iOS] Black screen after a modal with animation is dismissed

[topi-identio]

What happened?

1. Open a modal with animations, e.g.:

    options: {
      animations: {
        showModal: {
          enter :{
            enabled:true,
            alpha: {
              from: 0,
              to: 1,
              duration: 300,
            },
          },
        },
      },
    },

2. Close modal
3. A black screen appears and doesn't ever disappear
   

What was the expected behaviour?

No black screen

Was it tested on latest react-native-navigation?

• I have tested this issue on the latest react-native-navigation release and it still reproduces.

Help us reproduce this issue!

Repo to reproduce issue: https://github.com/topi-identio/rn-0.77-test/tree/rnn/modal-animation-test

• Run app
• Press "Open modal"
• Press "Close" -> Black screen

In what environment did this happen?

React Native Navigation version: 0.77.3
React Native version: 8.2.1
Has Fabric (React Native's new rendering system) enabled: yes
Node version: 20.17.0
Device model: iPhone 16 (Simulator)
iOS version: 18.5

[huynhuchuy2001]

I’m facing a similar issue. I resolved it by removing the animations, and it worked for me.

[JuraSemenenko]

I’m facing a similar issue. Only with custom animations

[ahtokca]

Same here

[gosha212]

Hi @topi-identio. Thanks for the report. We are investigation this issue with Reanimated
software-mansion/react-native-reanimated#8344

[Belobopka]

Hello. It's still actual even with reanimated last patch. I suppose it's not related to reanimated at all?

[Hukutus]

Seems to still be happening with RN 0.80.2, RNN 8.6.2 and Reanimated 4.2.1

[markdevocht]

@gosha212 This doesn't seem to be a reanimated issue but an issue with our ScreenAnimationController.mm. The original code didn't differentiate between present and dismiss transitions. It treated both the same way, which violates UIKit's expected behavior.
I will update our ScreenAnimationController in the RNN code.

PR: #8192