How can I handle navigation updates in React Navigation?

How can I handle navigation updates in React Navigation?

You can handle navigation updates in React Navigation by using the useFocusEffect or useIsFocused hooks.

Can you give me an example of using useFocusEffect?

Sure! Here's a simple example:

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

function MyComponent() {
  useFocusEffect(
    React.useCallback(() => {
      // Your code here
      return () => {
        // Cleanup code here
      };
    }, [])
  );
  return <View>{/* Your component UI */}</View>;
}

What about handling deep links?

For deep linking, you can set up your navigation container with a linking configuration. This allows your app to respond to URLs.

Can you explain how to set up linking in detail?

Absolutely! You need to define a linking configuration object and pass it to your NavigationContainer. Here's a basic example:

const linking = {
  prefixes: ['https://myapp.com', 'myapp://'],
  config: {
    screens: {
      Home: 'home',
      Profile: 'profile/:id',
    },
  },
};

<NavigationContainer linking={linking}>...</NavigationContainer>