title: react-native material top tab navigator swipe disable depending on screens
body: <p>Wanna make only Map component swipe-disabled but the entire screens were applied when using &quot;swipeEnabled&quot;.</p>
  <p>How can I do?</p>
  <pre><code>const Tab = createMaterialTopTabNavigator();
  
  const Tabs = () =&gt; {
  
    return (
      &lt;Tab.Navigator
        swipeEnabled={false}  // &lt;- Screens can be swiped but it is applied to every screen.
        {...}
      &gt;
        &lt;Tab.Screen
          name=&quot;Home&quot;
          component={Home}
        /&gt;
        &lt;Tab.Screen
          name=&quot;Map&quot;
          component={Map}
        /&gt; 
      &lt;/Tab.Navigator&gt;
    );
  }
  
  const App = () =&gt; {
    return (
      &lt;NavigationContainer&gt;
        &lt;SafeAreaView style={styles.safeAreaView} /&gt;
        &lt;Tabs /&gt;
      &lt;/NavigationContainer&gt;
    );
  }
  </code></pre>