title: How to conditionally render different screens in Stack Navigator depending on props
body: <p>Is it possible to render a different screen in the StackNavigator depending on props, params or state?</p>
  
  <p>I was thinking something like the below but at the moment I can't seem to work out how to allow stackNavigator to have scope over the screen's params.</p>
  
  <pre><code>export const MainNavigation = StackNavigator({
    Interests: {
      screen: navigation.state.params.interests ? InterestsScreen : ChooseInterestsScreen,
    },
    Home : {
      screen: HomeTab,
    },
  }, {
    mode: 'modal',
    headerMode: 'none',
  });
  </code></pre>
  
  <p>Does anyone have any ideas for this? Thanks!!</p>