[Navigator] renderScene onBack not working?

Hey, so mistake me if I’m wrong but I’m trying to use the onBack function from the example and it doesn’t do anything. I am trying to have a callback that when I swipe back from my video view to my videos view something happens (like navigator.popToTop()).

Can anyone help me understand how I can create a callback properly when the user swipes back to the scene?

Thanks!

renderScene: function(route, navigator){
  switch (route.id){
    case 'login':
    if(Parse.User.current()){
      return <Feed/>
    }else{
      return <Login/>
    }

    case 'signup':
    return <Signup/>;

    case 'feed':
    return <Feed/>;

    case 'video':
    return <Video name={route.name} url={route.url} onBack={() => {
      console.log('you swiped back!');
    }} />;

    default:
      return <Login/>;
  }
},
render: function(){
  return (
    <Navigator style={{backgroundColor: 'black'}} ref="navigator"
      initialRoute={{id: 'login'}}
      renderScene={this.renderScene}
     />
  )
}

[ericvicenti]

Hey! We’re working on making this easier. In the next release (and in master), there is a new way to monitor navigation changes:

this.currentRoute = this.props.navigator.navigationContext.currentRoute;
this.props.navigator.navigationContext.addListener('willfocus', (event) => {
  // this.currentRoute will go away
  // event.data.route will be focused
  this.nextRoute = event.data.route;
});
this.props.navigator.navigationContext.addListener('didfocus', (event) => {
  // this.currentRoute has gone away
  // event.data.route has been focused
  this.currentRoute = event.data.route;
  this.nextRoute = null;
});

In the current release, you can get similar events by adding handlers to the navigator component: (keep in mind this will be deprecated)

<Navigator
  ...
  onWillFocus={(route) => {
    // will switch to `route`
  }}
  onDidFocus={(route) => {
    // did switch to `route`
  }}
/>

[jtremback]

👍