TypeError: Невозможно прочитать свойство 'navigate' из неопределенного React Native Web

Question

Друзья, я только начал с реагировать родной для веб. У меня проблемы с навигацией. При навигации по эмулятору Android у меня не возникает проблем с навигацией. Это перейти к Page2 на Android. Но когда я открываю My localhost: 3000 Web, я получаю сообщение об ошибке: TypeError: Невозможно прочитать свойство 'navigate' из неопределенного. Может кто-нибудь сказать мне, где я иду не так. Как это можно решить.

Мой App.js в местоположении src / App.js

import React, { Component } from 'react';
import {TouchableOpacity, View,Text,Platform} from 'react-native';
 class App extends Component {
//   OpenPage2()
//   {
//     this.props.navigation.navigate('Page2');
//   }
  render() {
    const { navigate } = this.props.navigation;
             return (
      <View style={{ backgroundColor : 'red',flex : 1, }}>

        <TouchableOpacity onPress = {()=>navigate('Page2')}>
          <Text>open  Page2</Text>
        </TouchableOpacity>
      </View>
    );
  }
}


export default App;

Мой файл navigation.js

import {createStackNavigator,createAppContainer} from 'react-navigation'
import App from '../App'
import page2 from '../components/page2'
//import {name as appName} from './app.json';
const MainNavigator = createStackNavigator({
    App :{screen : App},
    Page2:{screen : page2},
})

const app = createAppContainer(MainNavigator);


//AppRegistry.registerComponent(appName, () => App);
export default app;