When switching to other apps, does the useFocusEffect trigger?

[zach-xing]

I have a question

When I switch to other apps or switch back from other apps, will useFocusEffect still be triggered?

According to my understanding, switching to a different app should be considered as losing focus, but during my testing process, I found that it did not trigger it.

I apologize for any mistakes in my expression as English is not my native language😄

"@react-navigation/native": "^6.1.8",
"@react-navigation/native-stack": "^6.9.14",
"@react-navigation/stack": "^6.3.18",

[satya164]

No, it's only about the focus state of screens in the app. Not the focus state of the app.

[zach-xing]

I understand, and thank you very much for your response.😁

[Bowlerr]

@zach-xing Here is a hook I made to solve this exact issue:

import { useEffect, useRef } from 'react';
import { AppState } from 'react-native';

import type { AppStateStatus } from 'react-native';

type Callback = () => void;

const useOnBackgroundToApp = (callback: Callback) => {
    const appState = useRef(AppState.currentState);

    useEffect(() => {
        const handleAppStateChange = (nextAppState: AppStateStatus) => {
            if (
                appState.current.match(/inactive|background/) &&
                nextAppState === 'active'
            ) {
                callback();
            }
            appState.current = nextAppState;
        };

        const listener = AppState.addEventListener(
            'change',
            handleAppStateChange
        );

        return () => {
            listener.remove();
        };
    }, [callback]);
};

export default useOnBackgroundToApp;

I hope you find this helpful :)

[zach-xing]

oh, thank you very much for your response. It has helped me learn something new.