title: Disable back button in a specific Screen (React Navigation Stack)
body: <p><strong><h1>Hello!</h1></strong>
  I need to disable the back button on the navigation bar. help me plsss.</p>
  <p><strong>Routes</strong></p>
  <ul>
  <li>Home: I don't want to leave the application</li>
  <li>Success: I don't want to go back to Checkout.</li>
  </ul>
  <p><a href="https://i.stack.imgur.com/fFOHe.png" rel="nofollow noreferrer">Example: click here</a></p>
  <pre><code>import React from 'react';
  import { createStackNavigator } from '@react-navigation/stack';
  import { OrderProvider } from '../contexts/order';
  
  import Home from '../pages/Home';
  import Checkout from '../pages/Checkout';
  import Success from '../pages/Checkout/success';
  
  const AppStack = createStackNavigator();
  
  const AppRoutes = () =&gt; (
    &lt;OrderProvider&gt;
      &lt;AppStack.Navigator screenOptions={{ headerShown: false }}&gt; 
        &lt;AppStack.Screen name=&quot;Home&quot; component={Home} /&gt;  &lt;-- here
        &lt;AppStack.Screen name=&quot;Checkout&quot; component={Checkout} /&gt;
        &lt;AppStack.Screen name=&quot;Success&quot; component={Success} /&gt; &lt;--- here
      &lt;/AppStack.Navigator&gt;
    &lt;/OrderProvider&gt;
  );
  
  export default AppRoutes;
  
  </code></pre>
  <pre><code>import React from 'react';
  import { View} from 'react-native';
  
  const Success = () =&gt; {
    return (
      &lt;View /&gt;
    );
  };
  
  export default Success;
  </code></pre>