Hacky fix for navigation hidden

Author: Brent Vatne

App/Components/Menu.js

@@ -21,9 +21,9 @@ class Menu extends React.Component{
       leftButtonTitle: 'Back',
       onLeftButtonPress: () => {
         this.props.navigator.pop();
-        this.props.toggleNavigation();
+        var self = this;
       },
-      passProps: { navigator: this.props.navigator }
+      passProps: { navigator: this.props.navigator, toggleNavigation: this.props.toggleNavigation }
     })
   }
   navigateToSettings() {
@@ -39,7 +39,7 @@ class Menu extends React.Component{
         this.props.navigator.pop();
         this.props.toggleNavigation();
       },
-      passProps: { navigator: this.props.navigator }
+      passProps: { navigator: this.props.navigator, toggleNavigation: this.props.toggleNavigation }
     })
   }
   render() {
@@ -84,4 +84,4 @@ var styles = StyleSheet.create({
   },
 });
 
-module.exports = Menu;
+module.exports = Menu;

App/Screens/Themes.js

@@ -27,8 +27,9 @@ class Themes extends React.Component{
 var styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: 'white'
+    backgroundColor: 'white',
+    paddingTop: 60
   }
 })
 
-module.exports = Themes;
+module.exports = Themes;

index.ios.js

@@ -13,28 +13,34 @@ class ReactNativeBug extends React.Component{
   constructor(props) {
     super(props);
     this.state = {
-      hideNavbar: true
+      hideNavbar: false
     };
   }
+
   componentWillMount() {
     StatusBarIOS.setHidden(true);
   }
+
   shouldComponentUpdate(nextProps, nextState) {
     console.log(this.state, nextState); // Object {hideNavbar: true} Object {hideNavbar: false}
     return true;
   }
+
   toggleNavigation() {
+    console.log('clicked');
+
     this.setState({
       hideNavbar: !this.state.hideNavbar
     });
   }
+
   render() {
-    var initialRoute = { 
-      component: ScreenWithMenu, 
-      title: 'Screen', 
+    var initialRoute = {
+      component: ScreenWithMenu,
+      title: 'Screen',
       passProps: {
         toggleNavigation: this.toggleNavigation.bind(this)
-      } 
+      }
     };
 
     return (