未定義不是（評估「this.props.navigation.navigate」）

Question

我想提出一個目標我首先使本機應用程序，我得到這個錯誤：Undefined is not an object (evaluating "this.props.navigation.navigate")在這部分代碼：

export default class HomeScreen extends React.Component { 
    render() { 
    const {navigate} = this.props.navigation; 
    return (
     <View style={styles.container}> 
     <Text>choose festival</Text> 
     <Button 
     title="Select SummerBurst 2017" 
     onPress={() => 
      this.props.navigation.navigate('FestivalScreen', { name: 'SummerBurst' }) 
     } 
     /> 
     </View> 
    ); 
    } 
} 

我認爲這是因爲我沒有傳遞反應導航的道具，但我真的不知道該怎麼做。我的回購看起來像這樣：https://github.com/meurling/festivalApp

謝謝！

Answer 1

我認爲，如果你想首先在ReactNative上使用react-navigation。按照本教程：

Tutorial React Navigation

然後，如果你已經瞭解的react-navigation流動。你可以玩和結合你的想法。

只是建議你。我希望能幫助你輕鬆學習這個庫。

關於你的問題，因爲有你想念的步驟，也許......繼續戰鬥！保持編碼！ cahyooo ..