未定义不是（评估“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 ..