title: How to pass props in StackNavigator
body: <pre><code>const MainNavigator = StackNavigator({
    Home: {
      screen: Tabs
    },
  
    Collection_Products : {
      screen : Collection_Products,
      navigationOptions :  ({ navigation }) =&gt; ({
  
        title : `${navigation.state.params.name.toUpperCase()}`
      }),
    },
  
    MainProduct : {
      screen : (props) =&gt; &lt;MainProduct {...props} /&gt;,
    },
  
  });
  
  
  export default class MainNav extends React.Component {
    constructor() {
      super();
      this.state = {
        checkout: { lineItems: { edges: [] } }
      };
  
    }
  
   method1 = (args) =&gt; {
  
  }
    render() {
  
      return (
        &lt;View style={{flex: 1}}&gt;
         &lt;MainNavigator checkout= {this.state.checkout} method1 = {this.method1}/&gt;
        &lt;/View&gt;
      );
    }
  }
  </code></pre>
  
  <p>I am using react native to build application. I want to pass method 1 to different child components. How can I pass method1 function in MainProduct Component? With the syntax I am using I am only able to pass navigator props to child components.</p>