Handling error with React-Navigation

#reactnative

When using react-navigation in your React Native app, you may encounter HTTP status codes like 404 when navigating to a specific screen or route. Fortunately, react-navigation provides an easy way to handle these errors.

You can use the onError prop provided by react-navigation to handle HTTP status codes and other errors. This prop allows you to specify a function to be called when an error occurs during navigation.

Here's an example of how to handle a 404 error:

import { NavigationContainer } from '@react-navigation/native';

function App() {
  const handleNavigationError = (error) => {
    if (error.statusCode === 404) {
      // handle 404 error here
      console.log('404 error occurred');
    }
  };

  return (
    <NavigationContainer onError={handleNavigationError}>
      {/* Your navigation stack goes here */}
    </NavigationContainer>
  );
}