错误。创建一个导航仪不接受参数REACT NATIVE。

问题描述 投票:0回答:1

我正试图将我的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>
        )
    }
}

有什么线索表明我做错了什么吗?

reactjs react-native react-native-android react-navigation react-navigation-stack
1个回答
1
投票

改变

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

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

希望对大家有所帮助!

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.