Skip to content

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

@topi-identio

Description

@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,
            },
          },
        },
      },
    },
  1. Close modal
  2. A black screen appears and doesn't ever disappear
    Image

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

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions