導航儀沒有參數傳遞到現場

Question

所以，我有一個簡單的按鈕（TouchableHighlight）調用下面的功能：

showMovie() { 
 

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

它將按預期工作，推動在不同定義的MovieScreen現場文件。

在MovieScreen構造我：

constructor(props) { 
 
     super(props); 
 
     console.log(this.props.movie); 
 
}

我得到的是 「不確定」。

我試着用：console.log（this.props.passProps.movi​​e）; =>未定義。

我試着把「電影」參數放入一個passProps對象中=>未定義。

我似乎無法將參數傳遞給場景。如果我打印this.props我找不到任何地方的「電影」變量，但this.props在那裏，它包含導航對象和一切。

從網絡上的例子來看，我正在做數以千計的人做的事情，不同之處在於我的行爲不起作用。

我在做什麼錯了？

更多細節的要求

這是我的應用程序是如何組成：

• index.android.js
• HomepageScreen.js
• MovieScreen.js

index.android.js個

class MovieApp extends Component { 
 
    render() { 
 
     return (
 
      <Navigator 
 
       initialRoute={{ name: 'HomepageScreen', title: 'My Initial Scene', index: 0 }} 
 
       renderScene={ this.renderScene } 
 
      /> 
 
     ); 
 
    } 
 

 
    renderScene(route, navigator) { 
 
     if (route.name == 'HomepageScreen') { 
 
      return <HomepageScreen navigator={navigator} /> 
 
     } 
 

 
     if (route.name == 'MovieScreen') { 
 
      return <MovieScreen navigator={navigator} /> 
 
     } 
 
    } 
 
}

HomepageScreen.js

export default class HomepageScreen extends Component { 
 
    constructor(props) { 
 
     super(props); 
 
     var navigator = this.props.navigator; 
 
     
 
    render() { 
 
     return(       
 
     <TouchableNativeFeedback onPress={this.showMovie.bind(this)}> 
 
            <View style={Style.movieButton}> 
 
            <Text style={Style.textStyle1}>Asd</Text> 
 
            </View> 
 
            </TouchableNativeFeedback> 
 
     ); 
 
    } 
 

 
    showMovie() { 
 

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

 
}

MovieScreen。JS

export default class MovieScreen extends Component { 
 
    constructor(props) { 
 
     super(props); 
 

 
     console.log(this.props.movie); 
 
    } 
 
    
 
    .....

Answer 1

試試這個：

renderScene(route, navigator) { 
    if (route.name == 'HomepageScreen') { 
     return <HomepageScreen navigator={navigator} {...route.passProps} /> 
    } 

    if (route.name == 'MovieScreen') { 
     return <MovieScreen navigator={navigator} {...route.passProps} /> 
    } 
} 

並傳遞道具這樣的：

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