Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript stacknavigator与抽屉导航器嵌套时标题不起作用_Javascript_React Native_React Redux - Fatal编程技术网

Javascript stacknavigator与抽屉导航器嵌套时标题不起作用

Javascript stacknavigator与抽屉导航器嵌套时标题不起作用,javascript,react-native,react-redux,Javascript,React Native,React Redux,我有三个导航器,AuthStackNavigator for Auth,DrawerNavigator和AppStackNavigator。因此,AuthStackNavigator嵌套到DroperNavigator,DroperNavigator嵌套到AppStackNavigator 问题是,当从DroperNavigator导航到AppStackNavigator时,它会继续显示DroperNavigator的标题,但预期的是AppStackNavigator的标题。(到目前为止,我已经

我有三个导航器,AuthStackNavigator for Auth,DrawerNavigator和AppStackNavigator。因此,AuthStackNavigator嵌套到DroperNavigator,DroperNavigator嵌套到AppStackNavigator

问题是,当从DroperNavigator导航到AppStackNavigator时,它会继续显示DroperNavigator的标题,但预期的是AppStackNavigator的标题。(到目前为止,我已经提到了header:null,因为它显示了双header)如何解决这个问题

导航器代码:

   const AppStackNavigator = createStackNavigator({
Home: {
screen: Home,
navigationOptions: {
 header: null
}
},
StoreList: {
screen: StoreList,
navigationOptions: {
  header: null
 }
 },
});

const DrawerNavigator = createDrawerNavigator({
Dashboard: {
  screen: AppStackNavigator,
  navigationOptions: {
    drawerLabel: "Home",
  }
},
Training: {
  screen: Training,
  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(
{
LoginScreen: {
screen: Login,
navigationOptions: {
  headerTransparent: true
}
},
 Drawer: DrawerNavigator,
});
const AppStackNavigator=createStackNavigator({
主页:{
屏幕:主页,
导航选项:{
标题:空
}
},
门店列表:{
屏幕:StoreList,
导航选项:{
标题:空
}
},
});
const pawernavigator=createpawernavigator({
仪表板:{
屏幕:AppStackNavigator,
导航选项:{
抽屉标签:“家”,
}
},
培训:{
屏幕:培训,
导航选项:{
抽屉标签:“培训”
}
},
路线规划:{
屏幕:RouteCalendar,
导航选项:{
抽屉标签:“路线图”
}
}
},
{
内容选项:{
activeTintColor:“#127CC1”,
},
contentComponent:props=>,
DropeRopenRoute:“DropeRopen”,
抽屉关闭路线:“抽屉关闭”,
DroperTogglerOute:“DroperToggle”,
导航选项:({navigation})=>{
const{routeName}=navigation.state.routes[navigation.state.index];
const headerTitle=路由名称;
返回{
海德特尔,
左校长:(
navigation.toggleDrawer()}
/>
)
}
}
}
);
const AuthStackNavigator=createStackNavigator(
{
登录筛选:{
屏幕:登录,
导航选项:{
校长:是的
}
},
出票人:出票人,
});
请引导我通过这个