[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?

• [x] 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 https://github.com/software-mansion/react-native-reanimated/issues/8344

[Belobopka]

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