无法读取属性' routeName'未定义 - 反应导航抽屉

时间:2018-01-03 02:10:56

标签: javascript reactjs react-native react-router

test 每次我将值传递给抽屉配置时,我都会收到此错误,但是当我使用它而不传递任何配置时,它可以正常工作。

我使用此错误:

const Drawer = DrawerNavigator({
 AboutUs: { screen: AboutUsScreen },
 Options: { screen: OptionsScreen },
  Home: { screen: HomeScreen }
  }, {
  initialRouteName: 'Home',
   drawerPosition: 'right',
  });

使用它没有错误:

   const Drawer = DrawerNavigator({
   AboutUs: { screen: AboutUsScreen },
   Options: { screen: OptionsScreen },
   Home: { screen: HomeScreen }
   });

我花了好几个小时试图解决它,但没有运气。

完整代码:

import React, { Component } from 'react';
 import {
Platform,
StyleSheet,
Text,
View
} from 'react-native';

import { Card, ListItem, Button, Icon } from 'react-native-elements'
import { DrawerNavigator } from 'react-navigation'
import HomeScreen from './Home'
import OptionsScreen from './Options'
import AboutUsScreen from './AboutUs'


const Drawer = DrawerNavigator({
AboutUs: { screen: AboutUsScreen },
Options: { screen: OptionsScreen },
Home: { screen: HomeScreen }
}, {
initialRouteName: 'Home',
drawerPosition: 'right',
});


export default Drawer ;

1 个答案:

答案 0 :(得分:1)

我已添加:

 drawerOpenRoute: 'DrawerOpen',
 drawerCloseRoute: 'DrawerClose',
 drawerToggleRoute: 'DrawerToggle'

到抽屉配置,它现在正在工作:)