Reactjs 使用抽屉时不显示标题

我把StackNavigator重叠在抽屉上。这是我的密码

const AppNavigator = StackNavigator({
  Home: {
    screen: WelcomeContainer,
    navigationOptions: ({navigation}) => ({
      headerLeft:
       <View style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems:'center'}}>
      <Icon name="menu" color='#5c72b0' size={35} style={{ flexDirection: 'row', justifyContent: 'space-between', alignItems:'center',
        paddingLeft:10,
        paddingRight:80 }} onPress={ () => navigation.navigate('DrawerOpen') } />
      <ChangeLanguage style={{ margin: 30 , padding: 30}} />
      </View>,
      headerRight: 
      <HeaderUserInformation />,
    })
  },
  Settings: {
  screen: SettingsContainer,
  navigationOptions: ({navigation}) => ({
    title: navigation.state.params.title
  })
},
  About: {
  screen: About,
  navigationOptions: ({navigation}) => ({
    title: navigation.state.params.title
  })
}
})



const AppDrawer = DrawerNavigator({
  Home: {
    screen:StackNavigator({
      Home: {
        screen: WelcomeContainer,
        navigationOptions: {
        }
      }
    })
  },
  Settings: {
    screen: StackNavigator({
      Category: {
        screen: SettingsContainer,
        navigationOptions: {
          title: "Settings"
        }
      }
    })
  }
})

const AppNavigator=StackNavigator({
主页：{
屏幕：WelcomeContainer，
导航选项：（{navigation}）=>({
左校长：
navigation.navigate（'drawerropen'）}/>
,
头灯：
,
})
},
设置：{
屏幕：设置容器，
导航选项：（{navigation}）=>({
标题：navigation.state.params.title
})
},
关于：{
屏幕：关于，
导航选项：（{navigation}）=>({
标题：navigation.state.params.title
})
}
})
常量AppDrawer=抽屉驱动程序({
主页：{
屏幕：StackNavigator({
主页：{
屏幕：WelcomeContainer，
导航选项：{
}
}
})
},
设置：{
屏幕：StackNavigator({
类别：{
屏幕：设置容器，
导航选项：{
标题：“设置”
}
}
})
}
})

抽屉工作正常，但标题有问题。在我将StackNavigator嵌入抽屉导航器之前，情况并非如此。问题是，我通过添加按钮自定义了标题，但在标题上再也看不到它们了。当我导航到一个新屏幕时，我再也看不到标题上的后退按钮了。你知道问题出在哪里吗