Реактивная проблема с выдвижным ящиком / боковым меню - PullRequest
Новая
       68

Реактивная проблема с выдвижным ящиком / боковым меню

0 голосов
/ 28 ноября 2018

У меня есть такая структура кода в моем проекте - 

    const HomeScreenRouter = DrawerNavigator(
      {

        AppTabNavigator: { screen: AppTabNavigator },
        LogOutScreen: { screen: LogOutScreen }
      },
      {
        contentComponent: props => <SideBar {...props} />,
        drawerWidth: Dimensions.get('window').width-30,
        drawerPosition: "right",
      }
    );

const MenuImage = ({navigation}) => {
  if(!navigation.state.isDrawerOpen){
      return <Image source={require('../images/menu-button.png')}/>
  }else{
      return <Image source={require('../images/left-arrow.png')}/>
  }
}


const AppStackNavigator = createStackNavigator({


  DrawerNavigator:{
      screen: HomeScreenRouter
  },


},{
  navigationOptions: ({ navigation }) => ({

      headerRight: 
      <TouchableOpacity  onPress={() => {navigation.dispatch(DrawerActions.toggleDrawer())} }>
            <MenuImage style="styles.bar" navigation={navigation}/>
        </TouchableOpacity>,
      headerStyle: {
          backgroundColor: '#333',
      },


      headerTintColor: '#fff',
      headerTitleStyle: {
        fontWeight: 'bold',
      },

  })
});

export default AppStackNavigator;

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

...