Parent screen goes blank after dismissing a modal screen

I use both card and modal modes of react-navigation’s StackNavigator, as the following structure:

const CardNavigatorData = {
  'Home': {
    screen: HomeScreen,
  },
  'Content': {
    screen: ContentScreen,
  },
}

const CardNavigator = createStackNavigator(CardNavigatorData, {
  initialRouteName: 'Home',
  mode: 'card',
})

const RootNavigatorData = {
  auth: {
    screen: createStackNavigator(
    {
      modalRoot: {
        screen: AuthScreen,
      },
    },,
  },
  cards: {
    screen: CardNavigator,
  },
}

const RootNavigator = createStackNavigator(RootNavigatorData, {
  headerMode: 'none',
  initialRouteName: 'cards',
  mode: 'modal',
})

const RootNavigatorContainer = createAppContainer(RootNavigator)

Nesting these two modes so I can show an Auth modal anywhere inside CardNavigator stacks.

After upgrading to react-native-screens 2.0 version, when I dismiss a modal, like Home -> Push Content -> Show Auth -> Dismiss Auth, then go back from Content to Home, the Home screen goes blank.

Without calling enableScreens everything works well.

Platform: Android react-native: 0.61.5 react-navigation: 4.0.10 react-native-screens: 2.0.0-alpha.13 react-navigation-stack: 1.10.3

[cbrevik]

@kmagiera I’ve created a repro-project here: https://github.com/cbrevik/blankmodal

This is using:

"@react-navigation/native": "^5.1.5",
"@react-navigation/stack": "^5.2.10",
"react-native": "0.62.2",
"react-native-screens": "^2.4.0"

For the problem we experienced in our app, the bug seems to be related to the modal screen also wrapping a Stack-Navigator, and the screen navigating to the modal is also wrapped in its own nested Navigator. It doesn’t seem to matter if the nested Navigator is of type Stack or Bottom Tabs.

[fontesrp]

I’m having the same issue, but only on Android. If I comment the following line, the error stops

enableScreens()

Edit The error occurs on version 2.0.0-alpha.19 also

Edit 2 Downgrading to 2.0.0-alpha.12 solved it for me. It seems the bug started on 2.0.0-alpha.13. Here are the versions that are working for me:

{
  "react-native-screens": "2.0.0-alpha.12",
  "react-navigation": "4.0.10",
  "react-navigation-stack": "1.10.3",
  "react-navigation-tabs": "2.6.0"
}