React Navigation - 关闭应用程序后的空白屏幕并单击返回

Question

我正在使用具有以下结构的 react-navigation(v4)。

切换导航器

export const RootNavigator = createSwitchNavigator(
  {
    naoLogado: { screen: NaoLogadoNavigator },
    logado: { screen: PrincipalDrawerNavigator }
  },
  {
    initialRouteName: "naoLogado"
  }
)

然后，在 NaoLogadoNavigator 上，我有以下内容：

import { createStackNavigator } from "react-navigation-stack"

export const NaoLogadoNavigator = createStackNavigator(
  {
    cadastro: { screen: CadastroScreen },
    login: { screen: LoginScreen },
    onboard: { screen: OnboardScreen },
  },
  {
    initialRouteName: "onboard",
  }
)

问题发生在： 1. 从板载屏幕导航到登录 2.关闭应用程序 3.点击导航Header处的Back 4.出现黑屏

步骤 1

步骤 2

第 3 步 - 关闭应用程序

第 4 步 - 再次打开并点击返回

已解决 - 解决方案如下

首先感谢Gaurav-Roy他花时间帮助我。

在 NaoLogadoNavigator 上，我将 createStackNavigator 从 react-native-screens/createNativeStackNavigator 更改为 createNativeStackNavigator。文件的最终版本现在看起来是这样的：

import createNativeStackNavigator from "react-native-screens/createNativeStackNavigator"

export const NaoLogadoNavigator = createNativeStackNavigator(
  {
    cadastro: { screen: CadastroScreen },
    login: { screen: LoginScreen },
    onboard: { screen: OnboardScreen },
  },
  {
    initialRouteName: "onboard"
  }
)

Answer 1

已解决 - 还对问题进行了编辑

首先感谢Gaurav-Roy他花时间帮助我。

在 NaoLogadoNavigator 上，我将 createStackNavigator 从 react-native-screens/createNativeStackNavigator 更改为 createNativeStackNavigator。文件的最终版本现在看起来是这样的：

import createNativeStackNavigator from "react-native-screens/createNativeStackNavigator"

export const NaoLogadoNavigator = createNativeStackNavigator(
  {
    cadastro: { screen: CadastroScreen },
    login: { screen: LoginScreen },
    onboard: { screen: OnboardScreen },
  },
  {
    initialRouteName: "onboard"
  }
)

React Navigation - 关闭应用程序后的空白屏幕并单击返回

React Navigation - Empty screen after closing the app and click on back

react-native

react-navigation

react-navigation-stack