سوال در مورد StackNavigator

با سلام
من دوره جامع رو خریداری کردم رسیدم به قسمت StackNavigator ولی فکر میکنم آموزش قدیمی باشه چون با تو سایت خود reactnavigation که دیدم جور دیگه بود در کل تو این قسمت مشکل دارم ممنون میشم دوستان کمک کنند .

تو اموزش جامع این قسمت رو اینجوری گفته

import {StackNavigator} from 'react-navigation';
import {Login, Profile,showStudent,EditStudent} from './components/index';

const RootNavigator=StackNavigator({
Login:{screen:Login},
Profile:{screen:Profile},
showStudent:{screen:showStudent},
EditStudent:{screen:EditStudent}
},{
headerMode:'none',
mode:'modal'
});
export {RootNavigator};

import {StackNavigator} from 'react-navigation';
import {Login, Profile,showStudent,EditStudent} from './components/index';

const RootNavigator=StackNavigator({
Login:{screen:Login},
Profile:{screen:Profile},
showStudent:{screen:showStudent},
EditStudent:{screen:EditStudent}
},{
headerMode:'none',
mode:'modal'
});
export {RootNavigator};

اما در خود سایت اینحوری توضیح داده شده

import { createStackNavigator, createAppContainer } from "react-navigation";
import Login from './login';
import React from "react";

const AppNavigator = createStackNavigator({
Home: {
screen: Login
}
});

export default createAppContainer(AppNavigator);

import { createStackNavigator, createAppContainer } from "react-navigation";
import Login from './login';
import React from "react";

const AppNavigator = createStackNavigator({
Home: {
screen: Login
}
});

export default createAppContainer(AppNavigator);

در هر صورت مشکل دارم
ممنون میشم دوستان این قسمت رو توضیح بدن