Status of React Navigation drawer? (open or closed)

Question

I'm building a drawer with React Navigation and want to perform some logic if the user closes the drawer. I don't see anything obvious in the documentation that will allow me to do this. Is anyone aware of a way to do this?

Answer 1

Now in react navigation 5 you can directly access the status of your drawer using this approach :

useIsDrawerOpen() is a Hook to detect if the drawer is open in a parent navigator.

For exemple in your view you can test if your drawer is open or not directly using this approach :

import { useIsDrawerOpen } from '@react-navigation/drawer';

const MainContainer = () => {
   return (
    <View style={(useIsDrawerOpen()) ? styles.conatinerOpenStyle : styles.containerClosedStyle}>
        <Text>{console.log("Test drawer  "+useIsDrawerOpen())}</Text>

    </View>
);}