自定义顶部标题中的后退按钮不适用于选项卡导航器附带的堆栈导航器

Question

我正在尝试在堆栈导航器中使用标签导航器，它看起来像

const UserAccountNav = createStackNavigator({
   MainScreen:{screen:UserAccount,
     navigationOptions:({navigation}) => ({
       header : <TopHeader type='menu' title='MyAccount' 
        navigation={navigation}/>
   }),
                 },
   Wishlist:{screen:createMaterialTopTabNavigator({
     Products: { screen: WishListProducts },
     Services: { screen:WishListService  },
    }, 
    TabNavDesign,
   ),
   initialRoute:'Products',
   navigationOptions:({navigation}) => ({
      header : <TopHeader title='Wishlist' navigation={navigation}/>
   }),
 },
 {
  initialRouteName:'MainScreen'
 }
)

我的头是

     {this.props.type!=='menu'
       ? <TouchableWithoutFeedback onPress={()=>
          {this.props.navigation.goBack()}}>
            <Icon name='chevron-left' style={{ color: "#16527e" }} size={35}/>
         </TouchableWithoutFeedback>
      : <TouchableWithoutFeedback onPress={() => navigate.openDrawer()}> 
            <Icon name="menu" size={28} style={{color:'white'}}/>   
        </TouchableWithoutFeedback>
    }

实际上默认的标题在这里起作用（我尝试使用它，似乎向后导航），但是当我使用我的顶部标题后退按钮不起作用时。如果我不使用标签导航器，那么根本就不会有场景。我不知道为什么会发生这种情况，有人可以帮我吗？我的标签导航器有问题吗？