title: gesturesEnabled: false doesn't work in React Native
body: <p><strong>I'm using</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>"@react-navigation/native": "^5.0.5",
  "@react-navigation/stack": "^5.2.8",
  </code></pre>
  
  <p><strong>code</strong></p>
  
  <pre class="lang-js prettyprint-override"><code>const RankingStack = createStackNavigator(
    {
      Ranking,
    },
    {
      initialRouteName: 'Ranking',
      headerMode: 'none',
      navigationOptions: {
        title: 'ranking',
        gesturesEnabled: false,
      },
    },
  );
  
  const AppNavigator = createStackNavigator({
    RankingStack,
  }, {
    mode: 'card',
    headerMode: 'none',
    initialRouteName: 'Loading',
  });
  </code></pre>
  
  <p>I don't know why this <code>gesturesEnabled: false</code> doesn't work.</p>
  
  <p>I would appreciate it if you could give me any advice.</p>