title: How to disable drawer navigation swipe for one of navigator screen only?
body: <p>I have a custom navigation drawer and on a particular screen, I don't want it available. </p>
  
  <p>This is my short code. </p>
  
  <p>This navigator is also being included by the switch navigator. I have dig in git-hub and other forums and nothing is currently working. Am I missing something? Is there someone who made it to work?</p>
  
  <pre><code>const UserNavigation = createDrawerNavigator({
      ProductListScreen: {screen: ProductListScreen},
      ProductHistoryScreen: {
        screen: ProductHistoryScreen,
        navigationOptions: {
          drawerLockMode: 'locked-closed'
        }
      }
  }, {
      initialRouteName: 'ProductListScreen',
      contentComponent: CustomDrawerContentComponent,
  })
  
  export default createAppContainer(UserNavigation)
  </code></pre>
  
  <p>There is also a <a href="https://snack.expo.io/@riwu/stack-nav-lock-drawer" rel="noreferrer">working code on expo</a> but I try and and results in double navigators displaying, and also in the screen where I don't want to show the drawer it appears. This is my attempt from referring to expo code</p>
  
  <pre><code>const UserStackNavigation = createStackNavigator({
    ProductListScreen: {screen: ProductListScreen},
    ProductHistoryScreen: {
      screen: ProductHistoryScreen
    }
  })
  
  const UserNavigation = createDrawerNavigator({
    UserStackNavigation: UserStackNavigation
  }, {
    initialRouteName: 'UserStackNavigation',
    contentComponent: CustomDrawerContentComponent,
  })
  
  UserStackNavigation.navigationOptions = ({ navigation }) =&gt; ({
    drawerLockMode: navigation.state.index === 0 ? 'unlocked' : 'locked-closed',
  });
  export default createAppContainer(UserNavigation)
  </code></pre>