Dispatch Drawer does not work

Question

am trying to implement a Drawer in my app. As I want only in one of my screens. While trying to implement, I felt some difficulties. So I did step by step not to get lost.

I created a button and I want to do Drawer open up when he goes clicked, but nothing is returning to me.

Follow the code below:

import React from 'react';
import { View, Button} from 'react-native';
import { createAppContainer, DrawerNavigator } from 'react-navigation';
import { createDrawerNavigator, DrawerActions } from 'react-navigation-drawer';
import TabsNav from './TabsLeadScreen';

const AppNavigator = createDrawerNavigator({
    Contact: {
        screen: TabsNav
    },
    Teste: {
        screen: TabsNav
    }
}, {});

const DrawerCustom = createAppContainer(AppNavigator);

function ShowScreen({ navigation }) {
    return (
        <View>
            <Button title="abrir" onPress={() => navigation.dispatch(DrawerActions.openDrawer())} />
            <DrawerCustom />
        </View>
    );
}

I’m using the

-React-navigation: ^4.0.10

-expo: ~37.0.3

Could someone help me?

Thank you!

Answer 1

If you only want it on a screen, create a button to open Drawer.

const Drawer = createDrawerNavigator({
    Home: {screen: Home,},
  },
  {
    contentComponent: DrawerContent,
    contentOptions: {
      activeTintColor: "#F05B66"
    },
    headerMode: "none",
    initialRouteName: "Home",
    drawerWidth: deviceWidth - 90,

  }
)

_Navigator.Dispatch(Draweractions.openDrawer())

const Logado = createStackNavigator(
  {
    Home: {screen: Home,}, 
    Painel: {screen: Painel,},
    Drawer: {screen: Drawer}
  },
  {
    initialRouteName: "Drawer",
    headerMode: "none",
    lazy: true,
    defaultNavigationOptions: {
      ...TransitionPresets.SlideFromRightIOS,
    },
  }
);