menu butotn+ base menu

src/Router.js

@@ -9,6 +9,7 @@ import ListaCursadas from './scenes/ListaCursadas';
 import ListaClases from './scenes/ListaClases.js';
 import Clase from './scenes/Clase.js';
 import Profesor from './components/Profesor';
+import Menu from './scenes/Menu';
 
 const scenes = Actions.create(
 	<Scene key="container">
@@ -25,6 +26,7 @@ const scenes = Actions.create(
 			<Scene key="ViewProf" component={Profesor} title="Profesor" />
 			<Scene key="Live" title="Curso en vivo" component={LiveVideo} />
 		</Scene>
+		<Scene key="Menu" title="Menu" component={Menu} panHandlers={null} direction="vertical" />
 
 	</Scene>
 );

src/components/ActionButton.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import ActionButton from 'react-native-action-button';
 import Icon from 'react-native-vector-icons/Ionicons';
+import { Actions, ActionConst } from 'react-native-router-flux';
 
 const styles = {
   actionButtonIcon: {
@@ -12,17 +13,9 @@ const styles = {
 
 const MyActionButton = () => {
 	return (
-		  <ActionButton buttonColor="rgba(231,76,60,1)">
-           <ActionButton.Item buttonColor='#9b59b6' title="New Task" onPress={() => console.log("notes tapped!")}>
-             <Icon name="md-create" style={styles.actionButtonIcon} />
-           </ActionButton.Item>
-           <ActionButton.Item buttonColor='#3498db' title="Notifications" onPress={() => {}}>
-             <Icon name="md-notifications-off" style={styles.actionButtonIcon} />
-           </ActionButton.Item>
-           <ActionButton.Item buttonColor='#1abc9c' title="All Tasks" onPress={() => {}}>
-             <Icon name="md-done-all" style={styles.actionButtonIcon} />
-           </ActionButton.Item>
-          </ActionButton>
+		  <ActionButton buttonColor="rgba(231,76,60,1)"
+        onPress={ () => Actions.Menu() }
+      />
 	);
 }