Для ключа X не определен маршрут - два StackNavigators

Question

Я использую react-navigation библиотеку для навигации.

, но когда я хочу использовать два StackNavigator s, я получаю эту ошибку:

Не определен маршрутдля клавиши X должно быть одно из ....

этой ошибки, когда появляется сообщение, что я хочу перейти Screen1 с первого StackNavigator на Screen2 со второго StackNavigator.

my router.js:

export const LoginStack = StackNavigator({
  Splash: {
    screen: Splash,
  },
  Login: {
    screen: Login,
  },

},
{

  initialRouteName: 'Splash',

});



export const HomeStack = StackNavigator({

  KasianServices:{
    screen:KasianServices,
  },
  SpecialOffers:{
    screen:SpecialOffers,
  },

},
{
  initialRouteName: 'KasianServices',

});




export const RootNavigator = StackNavigator({
  LoginStack: {
    screen: LoginStack,
  },
  HomeStack:{
    screen: HomeStack,
  },
},{
  mode: 'modal',
  headerMode: 'none',
  initialRouteName: 'LoginStack',
}

);

export const Drawer = DrawerNavigator({
  Stack: { screen: RootNavigator },
},{
    contentComponent: RightSideMenu,
    drawerPosition: 'right',
})

например:

Splash ==> navigation('KasianServices') ==> I got this error.