ナビゲーションに反応 - ドキュメントを続くが、私は反応する学習に非常に新しいですし、単にこの例従っていました

Question

エラーが出る： https://facebook.github.io/react-native/docs/navigation.html

import { StackNavigator, } from 'react-navigation'; 
const App = StackNavigator(
{ Home: { screen: HomeScreen }, Profile: { screen: ProfileScreen }, }); 


class HomeScreen extends React.Component { 
    static navigationOptions = { title: 'Welcome', }; 
    render() { 
     const { navigate } = this.props.navigation; 
     return (<Button title="Go to Jane's profile" onPress={() => navigate('Profile', { name: 'Jane' }) } />); } 
} 

しかし、私はこれを実行すると、私は

を言うエラーが出ますがこれは私がにリンクされたドキュメントのページにありませんでしたので、

「をProfileScreenが定義されていない」私はここで何をすべきかを見ることができません。

Answer 1

あなたはProfileScreenというReactコンポーネントが足りないだけです。あなたは、ホームスクリーンを持っている：

class HomeScreen extends React.Component { 
     static navigationOptions = { title: 'Welcome', }; 
     render() { 
      const { navigate } = this.props.navigation; 
      return ( 
       <Button 
        title="Go to Jane's profile" 
        onPress={() => navigate('Profile', { name: 'Jane' }) } 
       /> 
      ); 
     } 
    } 

は今だけProfileScreenのいくつかの種類定義します。エラーは「ルート 『ホーム』画面を宣言すべき」であるthat..now

const ProfileScreen =() => (
    <View> 
     <Text>ProfileScreen</Text> 
    </View> 
);