Javascript stacknavigator与抽屉导航器嵌套时标题不起作用
我有三个导航器,AuthStackNavigator for Auth,DrawerNavigator和AppStackNavigator。因此,AuthStackNavigator嵌套到DroperNavigator,DroperNavigator嵌套到AppStackNavigator 问题是,当从DroperNavigator导航到AppStackNavigator时,它会继续显示DroperNavigator的标题,但预期的是AppStackNavigator的标题。(到目前为止,我已经提到了header:null,因为它显示了双header)如何解决这个问题 导航器代码: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的标题。(到目前为止,我已经
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(
{
登录筛选:{
屏幕:登录,
导航选项:{
校长:是的
}
},
出票人:出票人,
});
请引导我通过这个