Is is possible to use navigation.toggleDrawer() in navigation options

Question

In my navigation file , when I want to toggle drawer , get the following error :

TypeError: navigation.openDrawer is not a function.(In \'navigation.ope

Answer 1

If you check the React Navigation docs, "You will need to make the drawer navigator the parent of any navigator where the drawer should be rendered on top of its UI."

React Navigation docs reference

To answer your question : Yes , it is possible.

And here you have a working example:

import React from 'react'
import { Button, View } from 'react-native'
import { NavigationContainer } from '@react-navigation/native'
import { createDrawerNavigator } from '@react-navigation/drawer'
import { createStackNavigator } from '@react-navigation/stack'

const Feed = () => 
const Notifications = () => 
const Profile = () => 

const FeedStack = createStackNavigator()

const Home = ({ navigation }) => (
    
         {
                const { toggleDrawer } = props.navigation // <-- drawer's navigation (not from stack)
                return {
                    headerLeft: () => 
                }
            }}
        />
    
)

const Drawer = createDrawerNavigator()

export default props => {
  return (
    
        
          
          
          
        
    
  )
}