title: How to disable swipe action in specific screen on react navigation 5?
body: <p>im using react navigation 5 on my project, and somewhere in the project i need to make nested navigators like below:</p>
  
  <pre><code>*Stack Navigator
  **Material top tab navigatior
  ***Material bottom tab navigator
  **** Stack Navigator
  </code></pre>
  
  <p>My goal is, actually i want to have 3 static screens like instagram. On the left side will be Camera, then in the center actual content and in the right side something else.  And only when you are in center i want to bottom tabs are visible thats why i created it like that. In this case in all the screens you can swipe right or left for reaching to camera or right component. </p>
  
  <p>But what i want to do is,  i want do "disable" swipe action in detail screens in center component. Becose center component which is material bottom tab navigator above, contains some stack navigators also, like posts, postDetail.  and when i go to postDetail i want to disable swipe left or right action. Becouse in some details im using some swipeable elements like react native swiper etc.</p>
  
  <p>I have tried to give <code>gesturesEnabled: false , swipeEnabled: false</code> in material bottom navigator as props but it doesn't work becouse it's a bottom tab navigator and doesn't take these params.</p>
  
  <p>I also tried to catch state index and if its greater than 0 or 1 i would disable it but in material top tab navigator doesn't change the index when i go to postDetail for example. It's not working like previous version which is react navigation 4.</p>
  
  <pre><code>  const BlogStack = createMaterialTopTabNavigator();
      const BlogStackNavigator = ({ navigation, route }) =&gt; {
          return (
              &lt;BlogStack.Navigator
                  initialRouteName="Blogs"
                  tabBarOptions={{
                      style: {
                          height: 0,
                      },
                  }}
                  //swipeEnabled={route.state &amp;&amp; route.state.index &gt; 0 ? false : true}
              &gt;
                  &lt;BlogStack.Screen name="Camera" component={Camera} /&gt;
                  &lt;BlogStack.Screen name="Blogs" component={Blog} /&gt;
                  &lt;BlogStack.Screen name="Timeline" component={Profile} /&gt;
              &lt;/BlogStack.Navigator&gt;
          );
      };
  </code></pre>