undefined не является функцией 'navigation.navigate'

Question

Я тестирую что-то в React-Native, и у меня есть ошибка с библиотекой React-Navigation , которая говорит: TypeError: undefined не является функцией (оценивает 'navigation.navigate') . На основании официальной документации библиотеки реагирования на навигацию я сделал код:

Navigation.js

import React from 'react';
import {createAppContainer} from 'react-navigation';
import {createStackNavigator} from 'react-navigation-stack';
import MainScreen from './History';
import AirmineScreen from './AirmineApp';

const MainNavigator = createStackNavigator({
    MainScreen: {screen:MainScreen},
    HistoryScreen: {screen: HistoryScreen}
});

const Navigation = createAppContainer(MainNavigator);

export default Navigation;

Main.js

import { StackNavigator } from 'react-navigation';
...
render(){
    const navigation = this.props.navigation;
    return (
        <TouchableOpacity onPress={() => 
            navigation.navigate('HistoryScreen')}>
                <Text>history</Text>
         </TouchableOpacity>
    )
}