TypeError：无法读取未定义的React Native Web的属性“ navigate”

Question

朋友，我刚刚开始对Web进行本地响应。 我在导航时遇到问题。从Emulator Android导航时，导航没有任何问题。它导航到Android的Page2。但是，当我打开localhost：3000 Web时，出现错误：TypeError：无法读取未定义的属性“ navigate”。谁能告诉我我要去哪里错了。如何解决。

位于位置src / App.js的我的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;