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;
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