javascript - 未定義はオブジェクトではありません (「this.props.navigator.replace」を評価)

Question

チュートリアルに従って React-Navigation を使用しましたが、別のページに移動しようとすると問題が発生しました。次のエラーが表示されます。Undefined is not an object (evaluating 'this.props.navigator.replace')

ここや他のサイトで検索しましたが、何もうまくいきませんでした。これは私が持っているコードです:

索引：

 import React, { Component } from 'react';
 import { Root } from './config/Router';

 class Application extends Component{
   render(){
     return <Root />;
   }
 }

export default Application;

ルーター:

import React from 'react';
import { StackNavigator } from 'react-navigation';

import Login from '../pages/Login';
import Home from '../pages/Home';

export const Root = StackNavigator({
  Login:{
    screen: Login,
  },
  Home:{
    screen: Home,
    navigatorOptions:{
      title: "Homepage"
    }
  }
});

ログイン (ここのボタンをクリックすると問題が発生します):

  export default class Login extends Component{
  constructor(props){
    super(props);
  }
  _navigate(routeName){
    this.props.navigator.replace({
      name: routeName
    });
  }
  render(){
    return(
       <View style = {styles.container}>
          <TouchableOpacity onPress={this._navigate.bind(this, 'Home')}>
            <Text>
              Hello.
            </Text>
          </TouchableOpacity>
       </View>
    );
  }
}

私は何を間違っていますか？

前もって感謝します。