React Native Navbar working with this.props.navigator

react_native_navbar.js

  render() {
    return (
      <Navigator
          renderScene={this.renderScene.bind(this)}
          navigator={this.props.navigator}
          navigationBar={
            <Navigator.NavigationBar
                routeMapper={{
                  LeftButton: (route, navigator, index, navState) => {
                    return (
                      <TouchableOpacity
                        style={sh.view}
                        onPress={() => this.props.navigator.push({id: 'MainPage'})}
                      >
                      <Image
                        style={sh.logo}
                        source={require('../assets/images/promoaki_icon_splash.png')}
                      />
                      </TouchableOpacity>
                    );
                  },
                  RightButton: (route, navigator, index, navState) => {
                    return (
                      <TouchableOpacity
                        style={sh.view}
                        onPress={() => this.props.navigator.push({id:"Menu"})}
                      >
                        <View style={{padding:20}}>
                          <Icon name="tag" size={30} color="black"  />
                        </View>
                      </TouchableOpacity>
                    );
                  },
                  Title: (route, navigator, index, navState) => {
                    return null;
                  }
                }} 
            />
          } 
      />
    );
  }