undefined不是对象（评估'this.props.navigation.navigate'）-React Native

Question

我正在尝试制作我的第一个React Native Android应用程序，但出现此错误：

未定义不是对象（评估“ this.props.navigation.navigate”）

这是代码：

import React from 'react';
import { StyleSheet, Text, View, Button, TextInput } from 'react-native';
import { StackNavigator } from 'react-navigation';

export default class HomeScreen extends React.Component {

  static navigationOptions = {
    title: 'Home',
  };

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

    return (
      <View>
        <Button 
          title="Show Centers near me"
          onPress={() =>
            navigate('Results', "Search Term")
          }
          />
        <Text>or</Text>
      </View>
    );
  }
}


class ResultsScreen extends React.Component {

  static navigationOptions = {
    title: 'Results',
  };


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

    return (
      <View>
        <Text>Hi</Text>
      </View>
    );
  }
}

const App = StackNavigator({
  Home: { screen: HomeScreen },
  Results: { screen: ResultsScreen }
});

我不知道为什么会出现错误。

Answer 1

您导出的组件错误。你应该摆脱export default对你的class HomeScreen定义，并在文件做的底部export default App;