Undefined не является объектом (оценка this.props.navigator.replace)

Я следовал руководству по использованию 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>
    );
  }
}

Что я делаю не так ?

Заранее спасибо.