使用切换导航器:对象(计算'_this.props.navigation.navigate')未定义

import React from 'react';
import { Button, View } from 'react-native';

class MyComponent extends React.Component {
  render() {
    return (
      <View>
        <Button
          title="Go to Another Screen"
          onPress={() => this.props.navigation.navigate('AnotherScreen')}
        />
      </View>
    );
  }
}

export default MyComponent;

import React from 'react';
import { Button, View } from 'react-native';

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.handleNavigate = this.handleNavigate.bind(this);
  }

  handleNavigate() {
    this.props.navigation.navigate('AnotherScreen');
  }

  render() {
    return (
      <View>
        <Button title="Go to Another Screen" onPress={this.handleNavigate} />
      </View>
    );
  }
}

export default MyComponent;

import React from 'react';
import { Button, View } from 'react-native';

class MyComponent extends React.Component {
  render() {
    return (
      <View>
        <Button
          title="Go to Another Screen"
          onPress={() => this.props.navigation.navigate('AnotherScreen')}
        />
      </View>
    );
  }
}

export default MyComponent;