Hacky fix for navigation hidden

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 (