不确定是不是（评估“this.props.navigation.navigate”）的对象 - 阵营本地

Question

我试图让我的第一阵营原生Android应用程序和我收到此错误：

undefined is not an object (evaluating '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

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