检测react-router-native中的路由更改

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

function MyComponent() {
  useFocusEffect(
    React.useCallback(() => {
      // 当组件获得焦点时执行的代码
      console.log('Route changed');

      return () => {
        // 当组件失去焦点时执行的清理代码
        console.log('Route changed back');
      };
    }, [])
  );

  return (
    <View>
      <Text>My Component</Text>
    </View>
  );
}

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

function MyComponent() {
  const isFocused = useIsFocused();

  React.useEffect(() => {
    if (isFocused) {
      console.log('Route changed');
    } else {
      console.log('Route changed back');
    }
  }, [isFocused]);

  return (
    <View>
      <Text>My Component</Text>
    </View>
  );
}