Search code examples
react-nativereact-native-router-flux

TypeError: undefined is not an object (evaluating 'route.routeName')


enter image description here

Here is my 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; 

I'm facing an issue. I have installed all npm depencies in node modules whenever I tried to run app in the device it gives an errors. All navigation working fine except drawer component;


Solution

  • This is a bug in the dependency: react-navigation@1.0.0-beta.22

    try:

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

    That issue is already known: https://github.com/aksonov/react-native-router-flux/issues/2718