using switch navigator: object (evaluating '_this.props.navigation.navigate') undefined

Question

I am using react native and I keep getting this error. undefined is not an object (evaluating '_this.props.navigation.navigate')

when I click the onPress button on my Login Page. Can anyone help?

 <Button
   title="Don't have an account yet? Sign up"
    onPress={() => this.props.navigation.navigate("Signup")}
 />

// MY LOGIN PAGE //

enter image description here

// MY NAV PAGE //

enter image description here

Answer 1

Try adding this in you render function. Then call navigate("Signup")

render() {
    const { navigate } = this.props.navigation; // add this
    return (