title: Cannot update props passed via react navigation
body: <p>I have a container where the API calls happen. I need to pass the response I get to another component which is not the child of the above container. I can't pass in props like how you usually do since it is not a child component of the above container. What I do is, I pass the response to the above container's child component and from there I use :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>this.props.navigation.navigate('Whatever',{
    reason: this.state.reason
  });</code></pre>
  </div>
  </div>
  </p>
  
  <p>To pass in the reason as prop to the "Whatever" component. Now, the problem is this "reason" prop does not get updated when it changes in the container from where it is being passed.</p>
  
  <p>Now, I am aware that since we are not passing props like how they are usually passed that's why we won't be able to get the updated props in whatever component. I am aware that I might have to change the structure of my app as well, but I cannot afford that right now.</p>
  
  <p>Is there any way via which I can update the reason prop in the whatever component?</p>
  
  <p>Thanks in advance.</p>