Реагируйте с навигацией с помощью вложенного стека и ящика навигатора

Question

Пытаюсь разработать простое приложение, в котором есть аутентификация, ящик и другие стеки!Я не могу вложить каждый из них.

Это поток:

 --AuthStack
   --SplashScreen
   --Login
   --FogotPassword
   --DrawerStack
 --DrawerStack
   --MainAppStack
   --Training
   --etc
 --MainAppStack
   --Home
   --screen2
   --screen3

и т. Д. Например, после потока авторизации моим главным экраном будет экран ящика, который является Home Screen from mainAppStack.Теперь, как я могу перейти от дома к screen2 и screen3 и т. Д.?

Я не получаю заголовок, и я не могу установить заголовок заголовка.И при использовании аппаратного обеспечения он возвращается на главный экран.

Пожалуйста, руководство!

И моя настройка навигатора!

   const AppStackNavigator = createStackNavigator({
Home: {
screen: Home,
navigationOptions: {
 header: null
 }
},
StoreList: {
screen: StoreList,
navigationOptions: {
  header: null
 }
},
EditSurvey: {
screen: EditSurvey,
navigationOptions: {
  header: null
 }
},
StoreSurvey: {
screen: StoreSurvey,
navigationOptions: {
  header: null
 }
},
Competition: {
screen: Competition,
navigationOptions: {
  header: null
 },
},
Display: {
screen: Display,
navigationOptions: {
  header: null
 },
}, 
SurveyCheckList: {
screen: SurveyCheckList,
navigationOptions: {
  headerTransparent: true
 }
},
});

const DrawerNavigator = createDrawerNavigator({
Dashboard: {
  screen: AppStackNavigator,
  navigationOptions: {
    drawerLabel: "Home",
  }
},
Training: {
  screen: TrainingList,
  navigationOptions: {
    drawerLabel: "Training"
  }
},
RoutePlan: {
  screen: RouteCalendar,
  navigationOptions: {
    drawerLabel: "Route Plan"
  }
 }
},
{
 contentOptions: {
  activeTintColor: '#127CC1',
 },
 contentComponent: props => <DrawerComponent {...props}/>,
 drawerOpenRoute: 'DrawerOpen',
 drawerCloseRoute: 'DrawerClose',
 drawerToggleRoute: 'DrawerToggle',
 navigationOptions : ({navigation}) => {
  const { routeName } = navigation.state.routes[navigation.state.index];
  const headerTitle = routeName;
  return {
      headerTitle,
      headerLeft: (
        <Icon name="md-menu" style={{ marginLeft: 10 }} 
        onPress={() => navigation.toggleDrawer()}
        />
      )
    }
  }
  }
 );

 const AuthStackNavigator = createStackNavigator(
 {
 SplashScreen: {
 screen: SplashScreen,
 navigationOptions: {
  headerTransparent: true
  }
 },
 LoginScreen: {
 screen: Login,
 navigationOptions: {
  headerTransparent: true
 }
 },
 Drawer: DrawerNavigator,
 });