title: Pass props though screenstack
body: <p>Im trying to pass some props to though an screenstack element in react native. I have a button which onPress will ask for a screen using react navigation like this:</p>
  
  <pre><code>    &lt;Button
        title="Lees Meer"
        color="#d10a10"
        onPress={() =&gt; RootNavigation.navigate('Article', {
          params: { title: title, text: text, image: image },
        })}
      /&gt;
  </code></pre>
  
  <p>I want thos params to be used in the article to fill in the text, title and image. I thought I could just use them like this in the article: </p>
  
  <pre><code>function ArticleFull({ navigation, params }) {
      return (
          &lt;View&gt;
              &lt;Header/&gt;
              &lt;Card&gt;
                  &lt;CardItem header bordered&gt;
                      &lt;Body&gt;
                          &lt;Image
                              style={{ width: '100%', height: 400 }}
                              source={{ uri: 'https://www.holland.com/upload_mm/9/a/b/68638_fullimage_zwolle_sassenpoort.jpg' }}
                          /&gt;
                          &lt;Text&gt;
                              {params.text}
                          &lt;/Text&gt;
                      &lt;/Body&gt;
                  &lt;/CardItem&gt;
              &lt;/Card&gt;
              &lt;Button
                  title="Go Back"
                  color="#d10a10"
                  width= "10%"
                  onPress={() =&gt; navigation.goBack()}
              /&gt;
          &lt;/View&gt;
      );
  }
  
  export default ArticleFull; 
  </code></pre>
  
  <p>In the app.js i made these screenstacks which is used to navigate to an article but i need it to contain some params which are set in the homepage using the button.</p>
  
  <p>const Stack = createStackNavigator();</p>
  
  <p>App.js:</p>
  
  <pre><code>export default class App extends Component {
  
    render() {
      return (
        &lt;NavigationContainer ref={navigationRef}&gt;
          &lt;Stack.Navigator initialRouteName="Home" &gt;
            &lt;Stack.Screen options={{headerShown: false}} name="Home" component={HomePage} /&gt;
            &lt;Stack.Screen options={{headerShown: false}} name="Article" component={ArticleFull} /&gt;
          &lt;/Stack.Navigator&gt;
        &lt;/NavigationContainer&gt;
      );
    }
  }
  </code></pre>