DrawerNavigatorItems V3 react-native 0.60.4 需要一些帮助

Question

我遇到了这个错误，但我找不到它的来源。

错误：

这是我的 DrawerNavigator 屏幕：

import React from "react";
import { Platform, Dimensions } from "react-native";
import { createDrawerNavigator, createAppContainer } from "react-navigation";

import HomeScreen from '../components/HomeScreen';
import AboutScreen from '../components/AboutScreen';
import Count from '../components/CountScreen';

const WIDTH = Dimensions.get('window').width;

const DrawerConfig = {
  drawerWidth: WIDTH*80,
};

const DrawerNavigator = createDrawerNavigator({
  Home:{
    screen: HomeScreen
  },
  About:{
    screen: AboutScreen
  },
  Count:{
    screen: Count
  },

  },
  DrawerConfig 
);

export default createAppContainer(DrawerNavigator);

如果有帮助，我也有 StackNavigator。

import React, {Component} from 'react';
import {createStackNavigator, createAppContainer} from 'react-navigation';
import LoginScreen from './LoginScreen';
import DrawerNavigator from './DrawerNavigatorNew';

const MainNavigator = createStackNavigator({
  Home: LoginScreen,
  Drawer: DrawerNavigator,
});


export default createAppContainer(MainNavigator);

如果您需要更多屏幕，我会添加它们。

Answer 1

您可以尝试添加大括号。

并且只将容器包裹一次。

const DrawerNavigator = createDrawerNavigator({
  Home:{
    screen: HomeScreen
  },
  About:{
    screen: AboutScreen
  },
  Count:{
    screen: Count
  }
  },
  { 
   drawerWidth: WIDTH*80
  } 
);

export default DrawerNavigator;