React native 在React Native中加载时出现堆栈导航器问题

关于

堆栈导航的版本-@react-Navigation/Stack:“^5.9.3”

我试图在加载时显示主屏幕

错误详细信息

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import NavigationContainer from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import Home from './screens/home';

export default function App() {

    const Stack = createStackNavigator();

    return (
        <View style={styles.container}>
            <NavigationContainer>
                <Stack.Navigator initialRouteName="Home">
                    <Stack.Screen name="Home" component={Home} />
                </Stack.Navigator>
            </NavigationContainer>
        </View>
    );
}

"@react-navigation/drawer": "^5.9.3",
"@react-navigation/native": "^5.7.6",
"@react-navigation/stack": "^5.9.3",
"expo": "~39.0.2",
"expo-status-bar": "~1.0.2",
"react": "16.13.1",
"react-dom": "16.13.1",
"react-native": "https://github.com/expo/react-native/archive/sdk-39.0.3.tar.gz",
"react-native-web": "~0.13.12"

App.js中的代码

import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import NavigationContainer from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import Home from './screens/home';

export default function App() {

    const Stack = createStackNavigator();

    return (
        <View style={styles.container}>
            <NavigationContainer>
                <Stack.Navigator initialRouteName="Home">
                    <Stack.Screen name="Home" component={Home} />
                </Stack.Navigator>
            </NavigationContainer>
        </View>
    );
}

"@react-navigation/drawer": "^5.9.3",
"@react-navigation/native": "^5.7.6",
"@react-navigation/stack": "^5.9.3",
"expo": "~39.0.2",
"expo-status-bar": "~1.0.2",
"react": "16.13.1",
"react-dom": "16.13.1",
"react-native": "https://github.com/expo/react-native/archive/sdk-39.0.3.tar.gz",
"react-native-web": "~0.13.12"

---

您需要使用

NavigationContainer

标记包装

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

<NavigationContainer>
<MyStack />
</NavigationContainer>

可能的原因：

堆栈导航器应该是

的直接子级

如果您的React版本不支持挂钩，请使用旧版本的React导航

---

请检查我的更新。我仍然面临着相同的问题。我的答案也更新了。：）请检查我的更新。我仍然面临着相同的问题。你应该只有一个导航容器作为根目录。我的意思是，我尝试了两种方法，但仍然面临着相同的问题，我现在已经更新了代码，请检查@react-n的版本是什么avigation/native？@Pankaj这通常发生在您混淆版本时，因此请检查您是否对所有软件包使用版本5.xx