Navigator not passing parameters to scene
<p>So, I have a simple button (TouchableHighlight) calling the following function:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>showMovie() {

        this.props.navigator.push({
            name: 'MovieScreen',
            index: 1,
            movie: "terminator"
        });
    }</code></pre>
</div>
</div>
</p>

<p>It works as expected, pushing the MovieScreen scene defined in a different file.</p>

<p>In the MovieScreen constructor I have:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>constructor(props) {
        super(props);
        console.log(this.props.movie);
}</code></pre>
</div>
</div>
</p>

<p>All I get is "undefined".</p>

<p>I tried with:  console.log(this.props.passProps.movie); => undefined.</p>

<p>I tried putting the "movie" parameter in a passProps object => undefined.</p>

<p>I can't seem to pass parameters to a scene. If I print this.props I can't find anywhere the "movie" variable, but this.props is there and it contains the navigator object and everything.</p>

<p>Judging from the examples around the web, I'm doing exactly what thousands of people do, with the difference that mine doesn't work.</p>

<p>What I'm doing wrong?</p>

<p><strong>More details as requested</strong></p>

<p>This is how my app is composed:</p>

<ul>
<li>index.android.js</li>
<li>HomepageScreen.js</li>
<li>MovieScreen.js</li>
</ul>

<p><strong>index.android.js</strong></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>class MovieApp extends Component {
    render() {
        return (
            &lt;Navigator
                initialRoute={{ name: 'HomepageScreen', title: 'My Initial Scene', index: 0 }}
                renderScene={ this.renderScene }
            /&gt;
        );
    }

    renderScene(route, navigator) {
        if (route.name == 'HomepageScreen') {
            return &lt;HomepageScreen navigator={navigator} /&gt;
        }

        if (route.name == 'MovieScreen') {
            return &lt;MovieScreen navigator={navigator} /&gt;
        }
    }
}</code></pre>
</div>
</div>
</p>

<p><strong>HomepageScreen.js</strong></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>export default class HomepageScreen extends Component {
    constructor(props) {
        super(props);
        var navigator = this.props.navigator;
      
    render() {
      return(                           
        &lt;TouchableNativeFeedback onPress={this.showMovie.bind(this)}&gt;
                                    &lt;View style={Style.movieButton}&gt;
                                    &lt;Text style={Style.textStyle1}&gt;Asd&lt;/Text&gt;
                                    &lt;/View&gt;
                                    &lt;/TouchableNativeFeedback&gt;
        );
    }

    showMovie() {

        this.props.navigator.push({
            name: 'MovieScreen',
            index: 1,
            movie: "terminator"
        });
    }

}</code></pre>
</div>
</div>
</p>

<p><strong>MovieScreen.js</strong></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>export default class MovieScreen extends Component {
    constructor(props) {
        super(props);

        console.log(this.props.movie);
    }
  
  .....</code></pre>
</div>
</div>
</p>