0_DrawerContainer.jsx

export default class DrawerContainer extends Component {
  render() {
    
    drawerCheck = () => {
      this.drawer
        ? this.drawer.openDrawer()
        : alert('this.drawer is Undefined!')
    }
    
    return (
      <DrawerLayout
        ref={drawerLayout => (this.drawer = drawerLayout)}
        {/*This renders the content inside of the drawer itself*/}
        renderNavigationView={() =>
          <Home {...this.props} drawerOpen={this.drawerCheck} />}
        drawerWidth={300}
        drawerPosition={DrawerLayout.positions.Left}
      >
        {/* This is the Home screen which contains the drawer open button */}
        <Home {...this.props} drawerOpen={this.drawerCheck} />
      </DrawerLayout>
    )
  }
}

1__Home.jsx

export default class Home extends Component {
  render() {
    return (
      <View style={styles.menu}>
          <TeamMenu {...this.props} />
      </View>
    )
  }
}

2_TeamMenu.jsx

export default class TeamMenu extends Component {
  render() {
    return (
      <DrawerButton size={35} {...this.props} />
    )
  }
}

3_DrawerButton

export default class DrawerButton extends Component {
  render() {
    return (
      <TouchableOpacity
        onPress={() =>this.props.drawerOpen}
      >
        <Icon name="md-menu" size={this.props.size} />
      </TouchableOpacity>
    )
  }
}