Кнопка «Назад» в пользовательском верхнем заголовке не работает для стекового навигатора, который включен в навигатор по вкладкам - PullRequest
0 голосов
/ 03 сентября 2018

Я испытываю навигатор по вкладкам внутри стекового навигатора, похоже,

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>
    }

На самом деле здесь работает заголовок по умолчанию (я пытался его использовать, кажется, что переход назад), но когда я использую мой верхний заголовок, кнопка назад не работает. если я не буду использовать навигатор по вкладкам, то сцен вообще не будет. Я не знаю, почему это происходит, может кто-нибудь мне помочь? есть ли проблемы с моей вкладкой навигатора,

...