启动屏幕后反应本机导航问题给出错误[关闭]答案

【问题标题】：React Native Navigation Issue giving error after splash screen [closed]启动屏幕后反应本机导航问题给出错误[关闭]
【发布时间】：2020-11-28 10:40:58
【问题描述】：

我正在尝试在启动屏幕之后加载我的登录表单，但它给出了一个错误

错误：您好像在另一个中嵌套了一个“NavigationContainer”。通常，您只需要一个位于应用程序根目录的容器，因此这可能是一个错误。如果这是故意的，请明确传递 'independent={true}'。请注意，这将使子导航器与父导航器断开连接，您将无法在它们之间导航。

my app.js file

【问题讨论】：

LoginForm 里面是什么？你也在那里定义一个 NavigationStack 吗？？
您的导航器中有多个NavigationContainer？
是的@Satheesh，里面有 NavigationContainer。我删除了它，它现在可以工作了。谢谢:)
@AbhishekBankar 如果对您有帮助，请接受我的回答...

标签： react-native react-navigation stack-navigator

【解决方案1】：

就我的理解而言。我可以看到一些改进的地方，其中之一是：

在StackActions reference 的帮助下正确使用replace()

import { StackActions } from '@react-navigation/native';

navigation.dispatch(StackActions.replace('Home'));

使用useEffect hook，在您的SplashScreen 组件中执行setTimeOut() 操作

import React, { useEffect } from 'react';

useEffect(() => {
  const timer = setTimeout(() => {
    navigation.dispatch(StackActions.replace('Home'));
  }, 1500);
  return () => clearTimeout(timer);
}, []);

我希望，在你的代码中遵循这一点后，你会做得很好。

【讨论】：

【解决方案2】：

如果 LoginForm 内部配置了单独的 NavigationStack，则会出现此问题，请删除后尝试。

【讨论】：