content: import React, { Component } from 'react';
  import { StyleSheet, TouchableOpacity, View, Text } from 'react-native';
  
  export default class SubMenu extends Component {
    constructor(props) {
      super(props)
    }
    render () {
      let data = [{
        title: "Splash",
        onPress: () => {
          this.props.closeMenu();
          this.props.navigator.replace({title: "Splash"})
        }
      }, {
        title: "History",
        onPress: () => {
          this.props.closeMenu();
          this.props.navigator.replace({title: "History"})
        }
      }];
      return (
        <View>
        {data.map((obj, index) =>{
          return (
            <TouchableOpacity style={styles.menuItem} key={index} onPress={obj.onPress}>
            <Text>{obj.title}</Text>
            </TouchableOpacity>
          );
        })}
        </View>
      );
    }
  }
  
  var styles = StyleSheet.create({
    menuItem: {
      flexDirection: 'row',
      marginLeft: 0,
      margin: 10,
      borderBottomWidth: 1,
      padding: 5,
      borderBottomColor: 'rgba(0,0,0,0.12)'
    }
  });
  