How to migrate from drawerLockMode to swipeEnabled for drawer navigator

[iamshadmirza]

Earlier when I was using the drawer navigator, I had to lock the drawer from opening on all the child screens. I did that like this:

HomeStackNavigator.navigationOptions = ({ navigation }) => {
  let drawerLockMode = 'unlocked';
  if (navigation.state.index > 0) {
    drawerLockMode = 'locked-closed';
  }
  return {
    drawerLockMode,
  };
};

But now, the prop drawerLockMode is deprecated in favor of swipeEnabled. How can I achieve a similar behavior using screenOptions and swipeEnabled?

I tried using navigation.getState() inside screenOptions but it wasn't very helpful. getState().routes.length was giving me 1 on every screen.

I have drawer as top most screen followed by stack navigator.

[iamshadmirza]

I figured it out, adding the answer for future reference

import { getFocusedRouteNameFromRoute } from '@react-navigation/core';
.
.
..
screenOptions={({ route }) => {
     const routeName = getFocusedRouteNameFromRoute(route) ?? 'Feed';
     return {
        swipeEnabled: routeName === 'Feed',
     };
}}