Javascript TypeError:undefined不是一个对象（评估'；导航'；）

我一直在一个本地项目上做实验。我有一个基本的登录屏幕，有两个按钮，一个用于登录，另一个用于引导您进入“忘记密码”屏幕。让我烦恼的是登录按钮工作正常，但忘记密码按钮会在标题中给出错误

登录屏幕：

import React from 'react';
import { View, StyleSheet } from 'react-native';
import {
  Icon, Text, Item, Input, Button
} from 'native-base';
import { firebaseAuth } from '../../environment/config';

export default class Login extends React.Component {
  state = {
    email: '', password: '', errorMessage: null
  };

  handleLogin = () => {
    const { email } = this.state;
    const { password } = this.state;
    firebaseAuth
      .signInWithEmailAndPassword(email, password)
      .then(() => {
        const { navigation } = this.props;
        navigation.navigate('Authentication');
      })
      .catch(error => this.setState({ errorMessage: error.message }));
  };

  forgotPass = () => {
    const { navigation } = this.props;
    navigation.navigate('ForgotPassword');
  };

  render() {
    const { errorMessage } = this.state;
    return (
      <View style={styles.container}>
        {/* <Text style={styles.heading}>Login</Text> */}
        {errorMessage && <Text style={{ color: 'red' }}>{errorMessage}</Text>}
        <Item>
          <Icon active name="person" />
          <Input
            autoCapitalize="none"
            placeholder="Email"
            onChangeText={email => this.setState({ email })}
            value={this.email}
          />
        </Item>
        <Item>
          <Icon active name="lock" />
          <Input
            secureTextEntry
            autoCapitalize="none"
            placeholder="Password"
            onChangeText={password => this.setState({ password })}
            value={this.password}
          />
        </Item>

        <Button
          transparent
          dark
          style={styles.forgotBtn}
          onPress={this.forgotPass}
        >
          <Text>Forgot Password </Text>
        </Button>
        <Button
          style={styles.signupBtn}
          rounded
          dark
          block
          onPress={this.handleLogin}
        >
          <Text>Log In </Text>
        </Button>
      </View>
    );
  }
}

我检查了与此类似的其他问题： &&

---

这里给出的答案没有多大帮助，我无法理解为什么一个按钮起作用，而另一个按钮不起作用。

面临同样的问题

const SwitchNavigator = createSwitchNavigator(
  {
    Loading,
    SignUp,
    Login,
    Main,
    Authentication,
    LoginRegisterComponent,
    ForgotPassword
  },
  {
    initialRouteName: 'Loading',
    headerMode: 'none'
  }
);

const App = createAppContainer(SwitchNavigator);
export default App;