Typeerror: undefined ist kein Objekt (Bewertung 'route.routeName')

Question

Hier ist mein Code: -

import React from 'react-native'; 
import { Router, Drawer, Scene } from 'react-native-router-flux'; 

import Scene1 from '../../scenes/Scene1'; 
import Dashboard from '../../scenes/Dashboard'; 
import Images from '../../assets/images'; 

import styles from './Styles'; 

const Routes =() => (
    <Router 
     backAndroidHandler={() => Actions.pop()} 
     sceneStyle={styles.sceneStyle} 
    > 
      <Scene key="root"> 
       <Scene 
        key="scene1" 
        component={Scene1} 
        title="Scene 1" 
        navigationBarStyle={styles.navigationBarStyle} 
        navBarButtonColor={styles.navBarButtonColor} 
        titleStyle={styles.titleStyle} 
        initial 
       /> 
       <Drawer 
        hideNavBar 
        key="dashboard" 
        drawerImage={Images.menuIcon} 
        contentComponent={Navigation} 
        drawerWidth={styles.drawerWidth} 
       > 
       <Scene 
        key="dashboard" 
        component={Dashboard} 
        title={strings.dashboard} 
        navigationBarStyle={styles.navigationBarStyle} 
        navBarButtonColor={styles.navBarButtonColor} 
        titleStyle={styles.titleStyle} 
        renderRightButton={renderNotificationButton} 
        /> 
       </Drawer> 
      </Scene> 
    </Router> 
); 

export default Routes; 

Ich bin ein Problem gegenüber. Ich habe alle npm Abhängigkeiten in den Knotenmodulen installiert, immer wenn ich versuchte, app in dem Gerät zu laufen, gibt es einen Fehler. Alle Navigation funktioniert gut außer Schublade Komponente;

Answer 1

Dies ist ein Fehler in der Abhängigkeit: react-navigation@1.0.0-beta.22

Versuch:

npm uninstall react-navigation && npm install react-navigation@1.0.0-beta.21 

Diese Frage ist bereits bekannt: https://github.com/aksonov/react-native-router-flux/issues/2718

Answer 2

versuchen, diesen Befehl :

rm -rf $TMPDIR/react-* $TMPDIR/react-native-packagerache-* $TMPDIR/metro-bundler-cache-*&& watchman watch-del-all && npm cache clean --force && npm i && npm start 

Answer 3

Hinzufügen

drawerOpenRoute: 'DrawerOpen', drawerCloseRoute: 'DrawerClose', drawerToggleRoute: 'DrawerToggle' zu DrawerNavigator mein Problem gelöst. Versuche es.

const AppDrawer = DrawerNavigator({ 
HomeStack: { 
     screen: AppStack 
    } 
}, 
{ 
    contentComponent: props => (<Sidebar {...props} />), 
    drawerOpenRoute: 'DrawerOpen', 
    drawerCloseRoute: 'DrawerClose', 
    drawerToggleRoute: 'DrawerToggle' 
});