aretherecookies-mobile/js/DrawerMenu.js

// @flow
import React, { Component } from "react";
import { Drawer, Avatar } from "react-native-material-ui";

type Props = {
  navigator: Object,
  route: { index: number, title: string, page: string }
};

export default class DrawerMenu extends Component {
  static displayName = "DrawerMenu";

  props: Props;

  render() {
    return (
      <Drawer>
        <Drawer.Header>
          <Drawer.Header.Account
            avatar={<Avatar icon="person" />}
            footer={{
              dense: true,
              centerElement: { primaryText: "User Name" }
            }}
          />
        </Drawer.Header>
        <Drawer.Section
          divider
          items={[
            { icon: "local-pizza", value: "Food" },
            { icon: "domain", value: "Places" },
            { icon: "stars", value: "Faves" },
            { icon: "exit-to-app", value: "Logout" }
          ]}
        />
      </Drawer>
    );
  }
}