App JS using react-native-router-flux

App.js

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

import MainScreen from './MainScreen/MainScreen';
import SettingsScreen from './SettingsScreen/SettingsScreen';
import LoginScreen from './LoginScreen/LoginScreen';
import SimpleDrawer from './SimpleDrawer/SimpleDrawer';


class App extends Component {
  static propTypes = {}
  static defaultProps = {}

  render() {
    return (
      <Router>
        <Scene key="drawer" component={SimpleDrawer} open={false} >
          <Scene key="root">
            <Scene key="mainScreen" component={MainScreen} title="" initial />
            <Scene key="settingsScreen" component={SettingsScreen} title="" />
            <Scene key="loginScreen" component={LoginScreen} title="" hideNavBar />
          </Scene>
        </Scene>
      </Router>
    );
  }
}

export default App;