SimpleDrawer using Drawer React Native

SimpleDrawer.js

import React, { Component } from 'react';
import Drawer from 'react-native-drawer';
import { DefaultRenderer } from 'react-native-router-flux';
import TabView from '../TabView/TabView';

export default class SimpleDrawer extends Component {
  static propTypes = {
    navigationState: React.PropTypes.object,
    onNavigate: React.PropTypes.function,
  }

  render() {
    const state = this.props.navigationState;
    const children = state.children;
    return (
      <Drawer
        ref="navigation"
        open={state.open}
        type="displace"
        content={<TabView />}
        tapToClose
        openDrawerOffset={0.6}
        panCloseMask={0.2}
        negotiatePan
        tweenHandler={(ratio) => ({
          main: { opacity: Math.max(0.54, 1 - ratio) },
        })}
      >
        <DefaultRenderer navigationState={children[0]} onNavigate={this.props.onNavigate} />
      </Drawer>
    );
  }
}