React-Native导航5-元素类型无效，预期为字符串或类/函数

Question

[用Element type is invalid和NavigationNativeContainer保持Stack.Navigator，我已经检查了很多次代码。任何人都可以帮忙。

import React from 'react';

import { NavigationNativeContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';

import Login from './login';
import DashboardUI from './kitchen-counter/dashboard';


const Stack = createStackNavigator();

const App = () => {
  return (
    <NavigationNativeContainer>
      <Stack.Navigator>
        <Stack.Screen name={'Login'} component={() => <Login />}
          options={{
            title: 'Meal Night Kitchen Login',
            headerTitleAlign: 'center'
          }} />

        <Stack.Screen
          name={'Dashboard'}
          component={() => <DashboardUI />}
          options={{ title: 'Manage your account', headerTitleAlign: 'center', headerLeft: null }} />
      </Stack.Navigator>
    </NavigationNativeContainer>
  )
}

export default App;

我真的很困惑，请帮助。谢谢。

Answer 1

您的导入是错误的，您使用的是NavigationNativeContainer而不是NavigationContainer

应该是

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

[当您尝试渲染未定义的内容时，将出现错误'元素类型无效'。

Answer 2

它应该是NavigationContainer而不是NavigationNativeContainer。当反应导航处于beta时，它是NavigationNativeContainer。感谢@guruparan Giritharan。整个功劳归于他。