aretherecookies-mobile/index.android.js

/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from "react";
import { AppRegistry, Navigator, Text, View, UIManager } from "react-native";
import { ThemeProvider, Toolbar } from "react-native-material-ui";
import uiTheme from "./js/ui-theme";
import SideMenu from "react-native-side-menu";
import DrawerMenu from "./js/DrawerMenu";

UIManager.setLayoutAnimationEnabledExperimental &&
  UIManager.setLayoutAnimationEnabledExperimental(true);

export default class AreThereCookies extends Component {
  state = { drawerOpen: false };

  toggleSideMenu = () => {
    this.setState(({ drawerOpen }) => ({ drawerOpen: !drawerOpen }));
  };

  setSideMenuOpen = (drawerOpen: boolean) => {
    this.setState({ drawerOpen });
  };

  render() {
    const { drawerOpen } = this.state;
    return (
      <ThemeProvider uiTheme={uiTheme}>
        <Navigator
          initialRoute={{ title: "AreThereCookies?", index: 0 }}
          renderScene={(route, navigator) => {
            const menu = <DrawerMenu navigator={navigator} route={route} />;
            return (
              <SideMenu
                menu={menu}
                isOpen={drawerOpen}
                onChange={this.setSideMenuOpen}
              >
                <View style={{ flex: 1 }}>
                  <Toolbar
                    leftElement="menu"
                    onLeftElementPress={this.toggleSideMenu}
                    centerElement="Are There Cookies?"
                    searchable={{
                      autoFocus: true,
                      placeholder: "Search (todo)"
                    }}
                  />
                  <View style={{ flex: 1, backgroundColor: "lightblue" }}>
                    <Text>Scene content will go here...</Text>
                  </View>
                </View>
              </SideMenu>
            );
          }}
        />
      </ThemeProvider>
    );
  }
}

AppRegistry.registerComponent("AreThereCookies", () => AreThereCookies);