Как правильно создавать роуты в react-navigation с помощью createStackNavigator?

Question

[Новичок Иванович]

не работает stacknavigator при переходе вылязит пустая страница
навигатор:

import {
    createSwitchNavigator,
    createStackNavigator,
    createAppContainer,
    createDrawerNavigator
} from 'react-navigation';
import MenuScreen1 from './screens/Menu1';
import MenuScreen2 from './screens/Menu2';
import Spisok from './screens/Spisok';
import OrderScreen from './screens/OrderScreen'


// const menuStack = createStackNavigator(
//     {
//         Menu1:{
//             screen:MenuScreen1,
//             navigationOptions: () => ({
//                 title:'menu1',
//               }),
//         },
//         Menu2:{
//             screen:MenuScreen2,
//             navigationOptions: () => ({
//                 title:'menu2',
//               }),
//         },
//     }
// );


export default createAppContainer(
    createSwitchNavigator(
        {
            List: Spisok,
            Menu1: MenuScreen1,
            Menu2: MenuScreen2,
            Order: OrderScreen
        },
        {
            initialRouteName: 'List'
        }
    )
);

компонент с которого перехожу в другой компонент

import React from 'react';
import { FlatList, Text, View } from 'react-native';
import styles from '../styles'


class Spisok extends React.Component {

	render() {
		return (
			<View>
                <Text onPress={this.menu1} style={ styles.otstup }>Menu1</Text>
                <Text onPress={this.menu2} style={ styles.otstup }>Menu2</Text>
				<Text onPress={this.menu3} style={ styles.otstup }>Заказы</Text>
            </View>
		);
	}

	menu1 = () => {		
		this.props.navigation.navigate('Menu1');
	};
	menu2 = () => {
		this.props.navigation.navigate('Menu2');
	};
	menu3 = () => {
		this.props.navigation.navigate('Order');
	};
}

export default Spisok;

Answer 1

[Новичок Иванович]

оказалось что все работает. просто надо было стили удалить в файле app.js