(0,_reactNavigation.DrawerNavigator) 不是函数

Question

我是 React Native 的新手。我想创建简单的抽屉导航，但在这里出现错误。

我已经安装了反应导航。这是代码：

import React, { Component } from 'react';

import {
StyleSheet,
Text,
View,
StatusBar ,
TouchableOpacity
} from 'react-native';

import { DrawerNavigator } from 'react-navigation';

import Screen1 from './Screen1';
import Screen2 from './Screen2'; 

const Drawer= DrawerNavigator({
    Home:{
        screen: Screen1
    },
    Home2:{
        screen: Screen2
    }
})

export default Drawer

我希望屏幕包含抽屉导航器。

但我收到错误：

(0,_reactNavigation.DrawerNavigator) 不是函数

Answer 1

不是DrawerNavigation但是createDrawerNavigation。

如果您使用的是react-navigation> V.4，则这些功能已移至另一个存储库。在您的情况下，createDrawerNavigator位于 中，react-navigation-drawer因此您需要安装它（使用npm或yarn）。

之后，当您导入它时，您只需要执行以下操作：

import { createDrawerNavigator } from 'react-navigation-drawer';

然后就像你已经在做的那样使用它。

如果您使用的是react-navigation版本 2 或 3

import { createDrawerNavigator } from 'react-navigation';

无需安装任何其他库。

DrawerNavigator用于react-navigation版本 1。