我正试图将我的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>
)
}
}
有什么线索表明我做错了什么吗?
改变
import NavigationNativeContainer from '@react-navigation/native';
到
import { NavigationContainer } from '@react-navigation/native';
希望对大家有所帮助!