Question

我正在制作我的第一个React Native App，我在这部分代码中遇到了这个错误：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 ..

未定义不是对象（评估＆＃34; this.props.navigation.navigate＆＃34;）

1 个答案: