title: React Native - Navigator change routes
body: <p>I'm using a Navigator object which renders news posts. </p>
  
  <p>The idea is that you're viewing a single news post, and you can swipe left and right for the next and previous post. For example, when you swipe right it swipes to the next post. What I want is when I swipe to the next post, I want to load the next post of that post again, so you can keep swiping.</p>
  
  <p>I give these props:</p>
  
  <pre><code>getInitialState: function() {
    return {
      post: {},
      routes: [this.props.prevPost, this.props.post, this.props.nextPost],
      startRoute: this.props.post,
    };
  }
  </code></pre>
  
  <p>My Navigator function looks like this:</p>
  
  <pre><code>render: function() {
    var self = this;
    return (
      &lt;Navigator
        debugOverlay={false}
        ref={(navigator) =&gt; {
          this._navigator = navigator;
        }}
        onDidFocus={this.itemChangedFocus}
        initialRoute={this.state.startRoute}
        initialRouteStack={this.state.routes}
        routeStack={this.state.routes}
        renderScene={this.renderNewsItem}
        configureScene={() =&gt; ({
          ...Navigator.SceneConfigs.HorizontalSwipeJump,
        })} /&gt;
    );
  }
  </code></pre>
  
  <p>So my idea was <strong>onDidFocus</strong>, I look at my current post, I then grab the previous and next post and somehow (here's where I'm stuck) trigger a rerender of the navigator component?</p>
  
  <p>This is how my <strong>itemChangedFocus</strong> function looks like: </p>
  
  <pre><code>// Route gives the current news item which has the focus
  itemChangedFocus: function(route) {
    // PostStore returns a posts array
    // posts[0] = previousPost, posts[1] = currentPost, posts[2] = nextPost
    let posts = PostStore.getPrevAndNextPost(route);
    // This is probably wrong, but it did replace the nextPost in the route object
    this.props.navigator.route.nextPost = posts[2];
    // Now I need to trigger a rerender? I tried it with setState but that didn't work
  }
  </code></pre>
  
  <p>So the question is, how do I approach this correctly? What am I doing wrong and how can I make sure I can keep swiping in the list?</p>