 <p>I figured it out, you can mention the props in the</p> <pre><code>&lt;this.state.page style={styles.pageContainer} navigator={this.props.navigator}/&gt; </code></pre> <p>line of code.</p> <p>The entire render() function is here,</p> <pre><code>render() { const { page } = this.state; return ( &lt;View style={styles.container}&gt; &lt;this.state.page style={styles.pageContainer} navigator={this.props.navigator}/&gt; &lt;Tabs selected={page} style={styles.tabbar} selectedStyle={{color:'black'}} onSelect={el=&gt;this.setState({page:el.props.name})} &gt; &lt;Text style={styles.tabbarText} name={Contact}&gt;Contact&lt;/Text&gt; &lt;Text style={styles.tabbarText} name={Messages}&gt;Messages&lt;/Text&gt; &lt;Text style={styles.tabbarText} name={Profile}&gt;Profile&lt;/Text&gt; &lt;/Tabs&gt; &lt;/View&gt; ); } </code></pre>