IT技术 - react导航错误：此导航器缺少导航props - 吾爱随笔录

我已经遵循了文档以及来自stackoverflow的解决方案，但我仍然不断收到错误消息。这是我的代码。我究竟做错了什么？

import React, { Component } from 'react';
import { Button, View, Text, StyleSheet } from 'react-native';
import { createStackNavigator,createAppContainer } from 'react-navigation';
import MainScreen from './components/MainScreen';


export default class App extends React.Component {
    render() {
        return <AppStackNavigator />;
    }
}
const AppStackNavigator = createStackNavigator({
    Main: {
        screen: MainScreen,
    },
});

export const Apps = createAppContainer(AppStackNavigator)


const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#fff',
        alignItems: 'center',
        justifyContent: 'center',
    },
});

const AppStackNavigator = createStackNavigator({ Main: { screen: MainScreen, }, }); const Apps = createAppContainer(AppStackNavigator) export default class App extends React.Component { render() { return <Apps />; } }