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>
);
}
Top comments (0)