react-native - 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. 单击导航标题处的返回 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"
  }
)

标签： react-nativereact-navigationreact-navigation-stack

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"
  }
)