TypeError例外：未定義（ 'route.routeName' を評価）オブジェクトではありません

Question

ここでは私のコードです： -

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; 

私は問題に直面しています。私はノードモジュールにnpmのすべての機能をインストールしましたが、デバイスでアプリケーションを実行しようとするたびにエラーが発生しました。引き出しコンポーネント以外のすべてのナビゲーションは正常に動作します。

Answer 1

これは、依存関係のバグです：react-navigation@1.0.0-beta.22

試してみてください。

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

その問題は既に知られている：https://github.com/aksonov/react-native-router-flux/issues/2718

Answer 2

は、このコマンドを実行してみてください：

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

drawerOpenRoute： 'DrawerOpen'、 drawerCloseRouteは： 'DrawerClose'、 drawerToggleRoute： 'DrawerToggle' DrawerNavigatorには私の問題を解決しました。試してみる。

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