ตอบสนองปัญหาการนำทาง: stacknavigator

ฉันกำลังพยายามสร้างเครื่องนำทางแบบลิ้นชักโดยใช้ บทช่วยสอนที่ดีจริงๆ นี้ /สาธิต

ปัญหาคือแม้ว่ารหัสนี้จะใช้งานได้และฉันสามารถเดินผ่านหน้าจอทั้งหมดใน stacknavigator ของฉันได้:

const navigator = StackNavigator({
  home: { screen: Home },
  signup: { screen: SignUpStep },
  login: { screen: Login },
  selectTeachers: { screen: SelectTeachers },
  dashboard: { screen: Dashboard },
},
{
  headerMode: 'float',
  navigationOptions: {
    headerStyle: { backgroundColor: '#E73536' },
    title: 'You are not logged in',
    headerTintColor: 'white'
  }
});

export default navigator;

แต่เมื่อฉันพยายามรวมฉากการเข้าสู่ระบบไว้ในล็อกอินสแต็กเป็นขั้นตอนแรก จากนั้นให้สิ่งนั้นเป็นหน้าจอใน const อื่น มันไม่ทำงาน:

const LoginStack = StackNavigator({
  home: { screen: Home },
  signup: { screen: SignUpStep },
  login: { screen: Login },
  selectTeachers: { screen: SelectTeachers },
  dashboard: { screen: Dashboard },
},
{
  headerMode: 'float',
  navigationOptions: {
    headerStyle: { backgroundColor: '#E73536' },
    title: 'You are not logged in',
    headerTintColor: 'white'
  }
});

const navigator = StackNavigator({
  loginStack: { screen: LoginStack },
  //drawerStack: { screen: DrawerNavigation }
}, {
  // Default config for all screens
  headerMode: 'none',
  title: 'Main',
  initialRouteName: 'loginStack'
});
export default navigator;

นี่คือข้อผิดพลาดที่ฉันได้รับ: