Basic SideMenu

example-redux/src/app.js

@@ -106,10 +106,7 @@ export default class App {
           },
           drawer: { // optional, add this if you want a side menu drawer in your app
             left: { // optional, define if you want a drawer from the left
-              screen: 'example.FirstSideMenu' // unique ID registered with Navigation.registerScreen
-            },
-            right: { // optional, define if you want a drawer from the right
-              screen: 'example.SecondSideMenu' // unique ID registered with Navigation.registerScreen
+              screen: 'example.SideMenu' // unique ID registered with Navigation.registerScreen
             },
             disableOpenGesture: false // optional, can the drawer be opened with a swipe instead of button
           }

example-redux/src/screens/FirstSideMenu.js → example-redux/src/screens/SideMenu.js

@@ -11,7 +11,7 @@ import {connect} from 'react-redux';
 import * as counterActions from '../reducers/counter/actions';
 import _ from 'lodash';
 
-class FirstSideMenu extends Component {
+class SideMenu extends Component {
 
   constructor(props) {
     super(props);
@@ -25,9 +25,11 @@ class FirstSideMenu extends Component {
 
   render() {
     return (
-      <View style={{flex: 1, padding: 20}}>
-        <Text style={styles.text}>Hello from SideMenu</Text>
+      <View style={{flex: 1, padding: 20, backgroundColor: 'green'}}>
+        <Text>Hello from SideMenu</Text>
       </View>
     );
   }
-}
+}
+
+export default connect()(SideMenu);

example-redux/src/screens/index.js

@@ -5,6 +5,7 @@ import FirstTabScreen from './FirstTabScreen';
 import SecondTabScreen from './SecondTabScreen';
 import PushedScreen from './PushedScreen';
 import ListScreen from './ListScreen';
+import SideMenu from './SideMenu';
 
 // register all screens of the app (including internal ones)
 export function registerScreens(store, Provider) {
@@ -13,4 +14,5 @@ export function registerScreens(store, Provider) {
   Navigation.registerComponent('example.SecondTabScreen', () => SecondTabScreen, store, Provider);
   Navigation.registerComponent('example.PushedScreen', () => PushedScreen, store, Provider);
   Navigation.registerComponent('example.ListScreen', () => ListScreen, store, Provider);
+  Navigation.registerComponent('example.SideMenu', () => SideMenu, store, Provider);
 }