React Native Navigation Issue 在启动画面后给出错误

Question

我试图在初始屏幕后加载我的登录表单，但出现错误

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

my app.js file

Answer 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);
}, []);

我希望，在你的代码中遵循这些之后你会很好。

Answer 2

如果LoginForm内部配置了单独的NavigationStack，就会出现这个问题，请去掉后再试。

React Native Navigation Issue 在启动画面后给出错误

React Native Navigation Issue giving error after splash screen

react-native

react-navigation

stack-navigator