错误：创建导航器不需要参数 REACT NATIVE

Question

我正在尝试将我的 react-navigation 升级到版本 5，但现在出现此错误。我已按照说明操作，但仍然遇到此问题：我的 Route.js 文件是

import React from 'react';
import NavigationNativeContainer from '@react-navigation/native';
import { createStackNavigator, HeaderBackButton } from '@react-navigation/stack';
import { Drawer } from './Drawer';
import ItemDetailsScreen from '../screens/ItemDetailsScreen';
import ItemSearchScreen from '../screens/ItemSearchScreen';
import ProductScreen from '../screens/ProductScreen';
import LoginScreen from '../screens/LoginScreen';
import CheckoutScreen from '../screens/CheckoutScreen';
import ForgotPasswordScreen from '../screens/ForgotPasswordScreen';
import QRCodeScanner from '../screens/QRCodeScanner';
import BkashScreen from '../screens/BkashScreen';
import CompleteScreen from '../screens/CompleteScreen';
import ScanScreen from '../screens/ScanScreen';
import InitialScreen from '../screens/InitialScreen';
import LogoutScreen from '../screens/LogoutScreen';


const Stack = createStackNavigator()

export default function App() {
  return (
    <NavigationNativeContainer>
      <Stack.Navigator initialRouteName='InitialScreen'>
        <Stack.Screen name='Drawer' component={Drawer} />
        <Stack.Screen name='LoginScreen' component={LoginScreen} />
        <Stack.Screen name='LogoutScreen' component={LogoutScreen} />
        <Stack.Screen name='QRCodeScanner' component={QRCodeScanner} />
        <Stack.Screen name='ForgotPasswordScreen' component={ForgotPasswordScreen} />
        <Stack.Screen name='ItemDetailsScreen' component={ItemDetailsScreen} />
        <Stack.Screen name='CheckoutScreen' component={CheckoutScreen} />
        <Stack.Screen name='BkashScreen' component={BkashScreen} />
        <Stack.Screen name='CompleteScreen' component={CompleteScreen} />
        <Stack.Screen name='ScanScreen' component={ScanScreen} />
        <Stack.Screen name='InitialScreen' component={InitialScreen} />
      </Stack.Navigator>
    </NavigationNativeContainer>
  )
}

Index.js 文件是

import React, { Component } from 'react';
import { StyleSheet, AsyncStorage } from 'react-native';
import { Button, Text, Drawer } from 'native-base';
import App from './config/Routes';
import AppHeader from './components/Header/Header';

export default class Index extends Component {
    render() {
        const { globalContainer } = styles;
        return (
            <App></App>
        )
    }
}

知道我做错了什么吗？？

Answer 1

改变

import NavigationNativeContainer from '@react-navigation/native';

到

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

希望这会有所帮助！